gpt4 book ai didi

jquery - HTML JQuery 日期选择器

转载 作者:行者123 更新时间:2023-12-01 07:38:35 24 4
gpt4 key购买 nike

下面的代码是jquery的函数

$(function() {
$(".firstcal").datepicker({
dateFormat: "dd/mm/yy",
onSelect: function(dateText, instance) {
date = $.datepicker.parseDate(instance.settings.dateFormat, dateText, instance.settings);
date.setMonth(date.getMonth() + 6);
$(".secondcal").datepicker("setDate", date);
}
});
$(".secondcal").datepicker({
dateFormat: "dd/mm/yy"
}).attr("disabled", 'disabled');
});

我想做的是,当用户从第一个日期选择器中选择 1 个日期时,它将在第二个日期选择器上更新(+6 个月),但无法再更改日期。(只有第一个日期选择器能够更改)我需要将其插入数据库,这可能吗?禁用后,它不会让我添加到数据库

这里是链接:http://jsfiddle.net/vpfk6dce/

最佳答案

您可以添加隐藏的输入类型,然后只需向其中添加日期值即可。然后使用 $_POST['hiddendate'] 将其添加到数据库。

$(function() {
$(".firstcal").datepicker({
dateFormat: "dd/mm/yy",
onSelect: function(dateText, instance) {
date = $.datepicker.parseDate(instance.settings.dateFormat, dateText, instance.settings);
date.setMonth(date.getMonth() + 6);
$(".secondcal").datepicker("setDate", date);
$(".hiddendate").datepicker("setDate", date); //added
}
});
$(".secondcal").datepicker({
dateFormat: "dd/mm/yy"
}).attr("disabled", 'disabled');

//added
$(".hiddendate").datepicker({
dateFormat: "dd/mm/yy"
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/themes/smoothness/jquery-ui.css" rel="stylesheet"/>

First Date:<input type="text" class="firstcal">
Last Date:<input type="text" class="secondcal">
<input type="hidden" name="hiddendate" class="hiddendate">

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

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