在jquery中设置最大日期动态

Question

我尝试使用jquery实现datepicker，我希望将第二个datepicker的最大日期设置为第一个datepicker的选定日期。

这是我的代码： -

        $('#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

您可以使用onShow

的datetimepicker方法

$('#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
         })
    },
});