jQuery日期选择器，退房日期是入住日期后的一天
jQuery日期选择器，退房日期是入住日期后的一天
提问于 2013-09-12 06:00:21
我正在设置一个网站，它有一个“签入”日期和“签出”日期选择器。我需要将“签出”日期自动设置为签入日期的后一天。
我发现了一段代码here，但由于某种原因，它似乎无法工作。
我设置了一个CodePen here。
下面是我使用的代码：
$(function () {
$("#datepicker").datepicker({
defaultDate: "+1w",
changeMonth: true,
numberOfMonths: 1,
onSelect: function (selectedDate) {
if (this.id == 'datepicker') {
var dateMin = $('#datepicker').datepicker("getDate");
var rMin = new Date(dateMin.getFullYear(), dateMin.getMonth(), dateMin.getDate() + 1);
var rMax = new Date(dateMin.getFullYear(), dateMin.getMonth(), dateMin.getDate() + 15);
$('#datepicker2').val($.datepicker.formatDate('mm/dd/yy', new Date(rMax)));
}
}
});
});回答 3
Stack Overflow用户
回答已采纳
发布于 2013-09-12 06:30:03
在您的代码笔中，删除以下内容：
jQuery(function() {
jQuery( "#datepicker" ).datepicker();
jQuery( "#datepicker2" ).datepicker();
});然后再试一次。
但如果你想要后天，也许你最后想要的是rMin而不是rMax。
Stack Overflow用户
发布于 2017-04-19 14:38:39
它使用JQuery的默认datepicker插件非常简单。jsfiddle中的代码包含两个文本框，一个用于签入，另一个用于结帐。
$( "#checkin" ).datepicker({minDate : 0, dateFormat: 'dd-mm-yy'});Stack Overflow用户
发布于 2018-06-02 03:04:56
我所做的就是将"datepicker2“函数再次放在您提供的解决方案下面。然后，当我点击“结账”框时，它开始工作，并再次调出日历，默认的结账日期后的第二天被选为亮蓝色。谢谢你这么做。我也在和它作斗争。
[<script>
$(function () {
$("#datepicker").datepicker({
defaultDate: "+1w",
changeMonth: true,
numberOfMonths: 1,
onSelect: function (selectedDate) {
if (this.id == 'datepicker') {
var dateMin = $('#datepicker').datepicker("getDate");
var rMin = new Date(dateMin.getFullYear(), dateMin.getMonth(), dateMin.getDate() + 1);
var rMax = new Date(dateMin.getFullYear(), dateMin.getMonth(), dateMin.getDate() + 1);
$('#datepicker2').val($.datepicker.formatDate('mm/dd/yy', new Date(rMax)));
}
}
});
});
</script>][1]
<script>
$( function() {
$( "#datepicker2" ).datepicker({
dateFormat: "mm/dd/yy"}
);
} );
</script>HTML：
<div class="column1">
<span>CHECK-IN</span>
<br />
<input name="DateIn" type="text" id="datepicker"/>
</div>
<div class="column2">
<span>CHECK-OUT</span>
<br />
<input name="DateOut" type="text" id="datepicker2"/>
</div>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/18752026
复制相关文章
相似问题