在 jquery 中动态设置最大日期

Question

我正在尝试使用 jquery 实现日期选择器，我想将第二个日期选择器的最大日期设置为第一个日期选择器的选定日期。

这是我的代码：-

        $('#firstDatePiker').datetimepicker({
        dayOfWeekStart : 1,
        lang:'en',
        startDate:""+currentdate,
         minDate: 0
        });

        $('#proofingDate').datetimepicker({
        dayOfWeekStart : 1,
        lang:'en',
        startDate:""+currentdate,
         minDate: 0,
        });

我在第一个 datepiker 上调用函数 onblur 事件如下：-

function addmaxDate()
{    
  var proDatetemp=$('#runDate').val();
  var maxDate = new Date(proDatetemp );
  $( "#proofingDate" ).datetimepicker( "option", "maxDate", maxDate );    
}

Answer 1

您可以使用datetimepicker

的onShow方法

$('#firstDatePiker').datetimepicker({
    dayOfWeekStart: 1,
    lang: 'en',
    startDate: "" + currentdate,
    minDate: 0,
    onShow:function(ct){//current time
        this.setOptions({
            maxDate:$('#proofingDate').val()?$('#proofingDate').val():false
        })
    },
});

$('#proofingDate').datetimepicker({
    dayOfWeekStart: 1,
    lang: 'en',
    startDate: "" + currentdate,
    minDate: 0,
    onShow:function(ct){
         this.setOptions({
            maxDate:$('#firstDatePiker').val()?$('#firstDatePiker').val():false
         })
    },
});

在 jquery 中动态设置最大日期

set max date dynamicaly in jquery

jquery

datetimepicker