javascript - jQuery datetimepicker 在给出开始时设置结束日期

Question

如何在用户选择开始时间时更改结束日期？我想禁用开始时间前的几天。这是家庭作业，但我是 jquery 的新手。

谢谢。这是我设法运行的代码，但我不知道要更改什么。

   <script>
        $(document).ready(function() {
          $('#start').val(moment(start).format('YYYY-MM-DD'));
          $('#end').val(moment().add(+1, 'days').format('YYYY-MM-DD'));
          $("#checkAll").click(function () {
            $('input:checkbox').not(this).prop('checked', this.checked);
          });
          $("#checkAllEdit").click(function () {
            $('input:checkbox').not(this).prop('checked', this.checked);
          });

          $("#start, #end").datepicker('setDate', new Date());
          $("#start, #end").datepicker({
            dateFormat: 'yy-mm-dd'
          });
        });
    </script>

工作版本:

          $('body').on('focus', ".dpicker", function () {
            $(this).datepicker();
          });

          $(function () {
            $("#start").datepicker({
              minDate: 1,
              changeMonth: true,
              dateFormat: 'yy-mm-dd',
              onClose: function (selectedDate, instance) {
                if (selectedDate != '') {
                  $("#end").datepicker("option", "minDate", selectedDate);
                  var date = $.datepicker.parseDate(instance.settings.dateFormat, selectedDate, instance.settings);
                  date.setMonth(date.getMonth() + 3);
                  var minDate2 = new Date(selectedDate);
                  minDate2.setDate(minDate2.getDate() + 1);

                  $("#end").datepicker("option", "minDate", minDate2);
                  $("#end").datepicker("option", "maxDate", date);
                }
              }
            });
            $("#end").datepicker({
              minDate: 1,
              changeMonth: true,
              dateFormat: 'yy-mm-dd',
              onClose: function (selectedDate) {
                $("#star").datepicker("option", "maxDate", selectedDate);
              }
            });


          });

Answer 1

你可以尝试添加minDate: 0来设置今天的最小日期

$("#start, #end").datepicker({
    dateFormat: 'yy-mm-dd',
    minDate: 0 /* This will be today */
});

如果你想将 minDate 添加到其他日期，你可以使用new Date(2007, 1 - 1, 1) 例如

$("#start, #end").datepicker({
    dateFormat: 'yy-mm-dd',
    minDate: new Date(2007, 1 - 1, 1)
});

编辑以回答评论:

如果你想设置结束日期，那么你可以使用setDate

$("#start, #end").datepicker({
    dateFormat: 'yy-mm-dd',
    setDate: new Date(2016,10,03)
});

而且您似乎希望结束日期为开始日期后 1 天，然后取开始日期值

var startDate = $('#start').datepicker('getDate') + 1; /* Get start date and add one day */
$('#end').datepicker({
    dateFormat: 'yy-mm-dd',
    setDate: startDate
});

进一步阅读:https://api.jqueryui.com/datepicker/#option-minDate