3

我正在建立一个具有“入住”日期和“退房”日期选择器的网站。我需要将“退房”日期自动设置为入住日期后的第二天。

我在这里找到了一段代码,但由于某种原因,它似乎不起作用。

我在这里设置了一个 CodePen 。

这是我正在使用的代码:

$(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)));
}
}
});
});
4

4 回答 4

1

在您的代码笔中,删除以下内容:

jQuery(function() {
jQuery( "#datepicker" ).datepicker();
jQuery( "#datepicker2" ).datepicker();
});

然后再试一次。
但如果你想要后天,也许你的意思是rMin而不是rMax最后。

于 2013-09-11T22:30:03.237 回答
0

在这里演示

这是工作演示,结帐日期是自动选择日期后的一天..

 $("#CheckInDatePicker").datepicker({     
            defaultDate: "+0",               
            changeMonth: true,
            dateFormat: "mm-dd-yy",
            minDate: "+0",
            onSelect: function (dateText, inst) {
                var d = $.datepicker.parseDate(inst.settings.dateFormat, dateText);
             d.setDate(d.getDate() + 1);
                $("#CheckOutDatePicker").val($.datepicker.formatDate(inst.settings.dateFormat, d));

           },

            onClose: function (selectedDate) {
                $("#CheckOutDatePicker").datepicker("option", "minDate", selectedDate);

            }

        });
于 2013-09-12T05:42:06.070 回答
0

使用 JQuery 的默认日期选择器插件很简单。jsfiddle 中的代码包含 2 个文本框,一个用于签入,另一个用于签出。

$( "#checkin" ).datepicker({minDate : 0, dateFormat: 'dd-mm-yy'});

打我 !!对于代码...

于 2017-04-19T06:38:39.477 回答
0

我所做的只是将“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>

在此处输入图像描述

于 2018-06-01T19:04:56.217 回答