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

date picker cannot show using javascript

本文关键字：javascript 显示 选择器 日期      更新时间：2023-09-26

为什么日期选择器不显示。。我想要日期选择器以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>

<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>

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"
  });
});

注意：我还没有测试过

相关文章：