使用simple-dtpicker javascript將限制設置爲「from」和「to」日期

Question

我正在使用simple-dtpicker javascript處理「from」和「to」兩個字段。 我想驗證這些字段的變化的日期選擇，如「從」<日期<「到」。

$('#txt-to-date').change(function() { 
    $('#txt-from-date').appendDtpicker({ 
     maxDate: $('#txt-to-date').val() // when the end time changes, update the maxDate on the start field 
    }); 
}); 

$('#txt-from-date').change(function() { 
    $('#txt-to-date').appendDtpicker({ 
     minDate: $('#txt-from-date').val() // when the start time changes, update the minDate on the end field 
    }); 
}); 
$('#txt-to-date').trigger('change'); 
$('#txt-from-date').trigger('change'); 

我試過這個，但它不工作。 幫我驗證。

Answer 1

東西像this？

CODE

$('input').appendDtpicker({ "futureOnly": true,todayButton : false}); 

$('#start_time').change(function() { 
    var $this = $(this); 
    $('#end_time').handleDtpicker('destroy'); 
    $('#end_time').val($this.val()); 
    $('#end_time').appendDtpicker({ 
     todayButton : false, 
     minDate: $this.val() 
    }); 
}); 
$('#start_time').trigger('change'); 

Answer 2

按我要求的驗證低於

$('input').appendDtpicker({ "futureOnly": false,todayButton : true}); 
      $('#txt-to-date').change(function() { 
       $('#txt-from-date').handleDtpicker('destroy'); 
       $('#txt-from-date').appendDtpicker({ 
        maxDate: $('#txt-to-date').val() 
       }); 
      }); 

      $('#txt-from-date').change(function() { 
        var $this = $(this); 
        $('#txt-to-date').handleDtpicker('destroy'); 
        $('#txt-to-date').val($this.val()); 
        $('#txt-to-date').appendDtpicker({ 
         todayButton : false, 
         minDate: $this.val(), 
         maxDate: curdate 
        }); 
      }); 
      $('#txt-from-date').trigger('change');