2

我想在不禁用前几个月的情况下将minDate日期设置为日历。#dateto

默认情况下，日历#datefrom并#dateto已将属性设置minDate为today

以today日期为例2019-2-8

目标是2019-5-15从“#datefrom”日历中选择日期并将日历中的日期设置#dateto为minDate，日历#dateto将设置为2019-5 -15asminDate并且我想正常移动到第 2 个月，现在我不能因为我被阻止了前几个月。

日期从

  $('#datefrom').datepicker({
           stepMonths: 1,
           numberOfMonths: 2,
           minDate : 'today',
           dateFormat: 'yy-mm-dd',
           showOtherMonths: true,
           onSelect: function(date){
             $('.datefrom-text').text(date);
             $('#dateto').datepicker('option', 'minDate', date);
           }
        });

日期至

$('#dateto').datepicker({
 stepMonths: 1,
 numberOfMonths: 2,
 minDate : 'today',
 dateFormat: 'yy-mm-dd',
 showOtherMonths: true,
 onSelect: function(date){
  $('.dateto-text').text(date);
 }
});

这是我的jsfiddle示例

4

2 回答 2

1

我设法通过调用内部 datepicker 方法来移动日历，所以我希望它能帮助你得到你需要的东西。检查我的 jsfiddle 叉子

$.datepicker._selectMonthYear( '#dateto', document.getElementById("fakeMonthSelected"), "M" );

达沃尔

于 2019-02-08T20:56:41.330 回答
1

您可能可以使用 beforeShowDay http://api.jqueryui.com/datepicker/#option-beforeShowDay 在屏幕上显示之前的每个日期都会调用它。您可以定义一个函数来手动检查日期是否可选（日期> minDate）并从函数中返回。没试过，但我相信它应该工作。

于 2019-02-10T12:26:10.283 回答