javascript - 日期选择器无法使用 javascript 显示

Question

为什么日期选择器不显示..我想要日期选择器以 2 形式显示，因为它有日期开始和日期结束..........感谢您的帮助......

<script type="text/javascript" src="jquery.1.4.2.js"></script>
<script type="text/javascript" src="jsDatePick.jquery.min.1.3.js"></script>
<script type="text/javascript">
window.onload = function(){
    new JsDatePick({
        useMode:2,
        target:"inputField",
        dateFormat:"%d-%M-%Y"
    });
};
</script>
<form action="index.php?page=form" method="post">
<table>
    <tr>
    <td>
        Date Start
    </td>
    <td>
        <input type="text" name="date1" id="inputField">
    </td>
    </tr>
    <tr>
    <td>
        Date Finish
    </td>
    <td>
        <input type="text" name="date2" id="inputField">
    </td>
    </tr>

  </table>

Answer 1

<script type="text/javascript" src="jquery.1.4.2.js"></script>
<script type="text/javascript" src="jsDatePick.jquery.min.1.3.js"></script>
<script type="text/javascript">
window.onload = function(){
    new JsDatePick({
        useMode:2,
        target:"inputField",
        dateFormat:"%d-%M-%Y"
    });

    new JsDatePick({
        useMode:2,
        target:"inputField2",
        dateFormat:"%d-%M-%Y"
    });
};
</script>
<form action="index.php?page=form" method="post">
<table>
    <tr>
    <td>
        Date Start
    </td>
    <td>
        <input type="text" name="date1" id="inputField">
    </td>
    </tr>
    <tr>
    <td>
        Date Finish
    </td>
    <td>
        <input type="text" name="date2" id="inputField2">
    </td>
    </tr>

  </table>

Answer 2

ID 应该是唯一的，您应该为输入字段分配不同的 ID。还将您的代码包装在里面$(document).ready( function()；

$(document).ready( function(){
  new JsDatePick({
    useMode:2,
    target:"inputField",
    dateFormat:"%d-%M-%Y"
  });
  new JsDatePick({
    useMode:2,
    target:"inputField2",
    dateFormat:"%d-%M-%Y"
  });
});

注意：我没有测试过这个。