gpt4 book ai didi

javascript - 将 jQuery datepicker 分配给 div 元素并获取值

转载 作者:太空狗 更新时间:2023-10-29 16:38:55 25 4
gpt4 key购买 nike

我想在用户单击某些文本时使用 jQuery 显示一个日期选择器,当用户在日期选择器上选择日期后,我可以从日期选择器中获取值作为 javascript 变量。我的代码是这样的:

<div id="datepicker-container" style="display: none;">
<div id="select-delivery-date-input"> </div>
</div>
<a id="show-datepicker">Select Delivery Date</a>
<script>
$("#show-datepicker").click(function(){
$("#datepicker-container").show();
});
$('#select-delivery-date-input').datepicker({
dateFormat:'yy-m-d',
minDate: new Date(),
});
</script>

问题是当日期选择器弹出窗口时,当我尝试在日期选择器弹出窗口上选择日期时,它不会关闭日期选择器弹出窗口。

Fiddle example

最佳答案

您可以使用日期选择器的 onSelect选项:

Called when the datepicker is selected. The function receives the selected date as text and the datepicker instance as parameters.

然后你可以使用jQuery hide() .

这里是一个活生生的例子:

$(document).ready(function() {
$("#show-datepicker").click(function(){
$("#datepicker-container").show();
});
$('#select-delivery-date-input').datepicker({
dateFormat:'yy-m-d',
minDate: new Date(),
onSelect: function(selectedDate){
console.log(selectedDate);
$("#datepicker-container").hide();
}
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.js"></script>
<link href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css" rel="stylesheet"/>

<div id="datepicker-container" style="display: none;">
<div id="select-delivery-date-input"> </div>
</div>
<a id="show-datepicker">Select Delivery Date</a>

关于javascript - 将 jQuery datepicker 分配给 div 元素并获取值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47326088/

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