gpt4 book ai didi

jquery - 日期选择器自动打开

转载 作者:行者123 更新时间:2023-12-03 22:12:41 25 4
gpt4 key购买 nike

我有一个 JavaScript 代码,我想用它来完成以下任务。我希望当我单击按钮时会出现一个表单,但日期选择器的日期选择选项不会自动出现(但在我的情况下它会打开)。换句话说,我想禁用 autoopen 。这是脚本

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery.ui.all.css"     type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js" type="text/javascript"></script>
</head>
<body>
<script type="text/javascript">
$(document).ready(function () {
$("#button").click(function () {
var dates2 = $("#datePicker3,#datePicker4").datepicker({
autoOpen: false,
minDate: 0,
changeMonth: true,
numberOfMonths: 1,
onSelect: function (selectedDate) {
var option = this.id == "datePicker3" ? "minDate" : "maxDate",
instance = $(this).data("datepicker"),
date = $.datepicker.parseDate(
instance.settings.dateFormat || $.datepicker._defaults.dateFormat, selectedDate, instance.settings);
dates2.not(this).datepicker("option", option, date);
calculate_total_price();
}

}); ///
$("#order-popup").dialog();
$("#order-popup").show();
});
});
</script>
<input type="button" value="addclass" id="button">
<div id="order-popup" style="display:none;" class="popup-content already-ordered">
<input type="text" id="datePicker3" name="datepickerFrom" value="">
<br/>
<input type="text" id="datePicker4" name="datepickerTo" value="" style="margin-top:10px;margin-left:17px">
</form>
</div>
</body>

最佳答案

datepicker 立即显示的原因是因为 datapicker 加载的 input 默认情况下具有 focus ..see here - 这是因为它是表单上的第一个输入 ....如果您在第一个输入之前添加另一个输入,那就没问题了 -> http://jsfiddle.net/JXtBM/1/

解决此问题的一种方法是使用按钮来触发日期选择器的打开:

showOn: "button",
buttonImage: "http://jqueryui.com/demos/datepicker/images/calendar.gif",
buttonImageOnly: true,

Working example here

关于jquery - 日期选择器自动打开,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9749895/

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