gpt4 book ai didi

javascript - jQuery 日期选择器与输入文本字段错误相关

转载 作者:行者123 更新时间:2023-11-28 11:39:17 25 4
gpt4 key购买 nike

我正在 jQuery 中创建一个日期范围选择器并将其绑定(bind)到输入文本字段。

代码如下:

<!DOCTYPE html>
<html>
<head>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

<script>

$(document).ready(function() {
$("#datepicker").datepicker();
});

</script>


</head>
<body style="font-size:62.5%;">
<form action="sample.php" method="post">

Start Date: <input type="text" name="startdate" id="datepicker"/>
End Date: <input type="text" name="enddate" id="datepicker"/>
<input type="submit" />
</form>
</body>
</html>

数据似乎适用于“开始日期”输入文本字段。当我选择开始日期字段时,会出现日历:

enter image description here

但是当我单击结束日期输入文本字段时,日历永远不会出现。我需要使用该日历选择日期“开始”和“结束”。

我的代码一定有问题。谁能告诉我吗?

谢谢!

最佳答案

Hiya 因此,您有 2 个元素的开始日期和结束日期具有相同的 id = datepicker,这是不正确的。

例如:http://jsbin.com/evudo

解决方案:

请初始化两个输入框,

  $(document).ready(function() {
$("#start_datepicker").datepicker();
$("#end_datepicker").datepicker();

});

HTML

Start Date: <input type="text" name="startdate" id="start_datepicker"/>
End Date: <input type="text" name="enddate" id="end_datepicker"/>

希望对你有帮助干杯

关于javascript - jQuery 日期选择器与输入文本字段错误相关,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9766564/

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