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

【问题标题】：date picker cannot show using javascript日期选择器无法使用 javascript 显示
【发布时间】：2012-09-04 16:11:35
【问题描述】：

为什么日期选择器不显示..我希望日期选择器以 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>

【问题讨论】：

主要缺陷：id 值在每个 html 文档中必须是唯一的。您有两个相同的 ID。除此之外，您是否自己进行过任何调试？你检查你的 JavaScript 控制台是否有错误？
javascript 没有问题..因为我是从互联网上下载的...你能给我一些例子来显示所有日期选择器在那个表单中
是的，互联网上的一切都是完全真实和可用的......
建议为您的 Input 标签设置不同的 ID。

标签： javascript jquery datepicker

【解决方案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>

【讨论】：

【解决方案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"
  });
});

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

【讨论】：