gpt4 book ai didi

javascript - 为什么日期选择器功能不适用于两个字段?

转载 作者:行者123 更新时间:2023-11-28 18:20:20 24 4
gpt4 key购买 nike

这是我的代码

包括日期选择器的文件:

<html>
<head>
<link rel="stylesheet" type="text/css" media="all" href="css/jsDatePick_ltr.min.css"/>
<script type="text/javascript" src="js/jsDatePick.min.1.3.js"></script>
<script type="text/javascript">

window.onload = function(){
new JsDatePick({
useMode:2,
target:"date",
dateFormat:"%d-%m-%Y"
});
};

</script>
</head>

这里我想在 date 和 date1 两个字段中显示日期选择器,但它没有在一个字段中显示:

     <body>
<table width="600" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="25">&nbsp;</td>
<td width="45" class="form_txt">Date : </td>
<td width="105"><input name="date" style="color:black;background:white" type="text" id="date" style="" /></td>
<td width="87"><img src="../images/cal.jpg" width="36" height="18" /></td>
<td width="45" class="form_txt">Date1 : </td>
<td width="105"><input name="date" style="color:black;background:white" type="text" id="date1" style="" /></td>
<td width="87"><img src="../images/cal.jpg" width="36" height="18" /></td>
</tr>
</table>
</body>
</html>

最佳答案

您不能在页面上多次使用相同的 id 属性值...您需要创建两个 jsDatePick...像这样:

 window.onload = function(){
new JsDatePick({
useMode:2,
target:"date",
dateFormat:"%d-%m-%Y"
});
new JsDatePick({
useMode:2,
target:"date2",
dateFormat:"%d-%m-%Y"
});
};

然后您的 HTML 应该是

<td width="105"><input name="date"  style="color:black;background:white" type="text" id="date" style="" /></td>
<td width="105"><input name="date2" style="color:black;background:white" type="text" id="date2" style="" /></td>

注意第二个 input 的变化,现在使用 date2 作为 idname

关于javascript - 为什么日期选择器功能不适用于两个字段?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17043150/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com