2012-05-11 20 views
0

使用下面的代碼我可以從日期時間選擇器中選擇日期。jQuery中的日期時間選取器問題

發生了什麼是在startdate我得到今天的日期和只有前一個,而在enddate我得到日期形式今天開始突出顯示。

我想在startdate中選擇日期之後,startdate後的所有日期應該在enddate中突出顯示。

$(function() { 
    $('#event_start_date').datetimepicker({ maxDate: '0' }); 
}); 

$(function() { 
    $("#event_end_date").datetimepicker({ minDate: '0' }); 
}); 

回答

0

我想這可能會幫助你....

$(function() { 
    $('#event_start_date').datetimepicker({ 
     dateFormat:'yy-mm-dd', 
     timeFormat: 'hh:mm:ss', 
     showSecond: true, 
     onClose: function(dateText, inst) { 
      var endDateTextBox = $('#event_start_date'); 
      if (endDateTextBox.val() != '') { 
       var testStartDate = new Date(dateText); 
       var testEndDate = new Date(endDateTextBox.val()); 
       if (testStartDate > testEndDate) 
        endDateTextBox.val(dateText); 
      } 
      else { 
       endDateTextBox.val(dateText); 
      } 
     }, 
     onSelect: function (selectedDateTime){ 
      var start = $(this).datetimepicker('getDate'); 
      $('#event_start_date').datetimepicker('option', 'minDate', new Date(start.getTime())); 
     } 
    }); 
    $('#event_start_date').datetimepicker({ 
     dateFormat:'yy-mm-dd', 
     timeFormat: 'hh:mm:ss', 
     showSecond: true, 
     onClose: function(dateText, inst) { 
      var startDateTextBox = $('#event_start_date'); 
      if (startDateTextBox.val() != '') { 
       var testStartDate = new Date(startDateTextBox.val()); 
       var testEndDate = new Date(dateText); 
       if (testStartDate > testEndDate) 
        startDateTextBox.val(dateText); 
      } 
      else { 
       startDateTextBox.val(dateText); 
      } 
     }, 
     onSelect: function (selectedDateTime){ 
      var end = $(this).datetimepicker('getDate'); 
      $('#event_start_date').datetimepicker('option', 'maxDate', new Date(end.getTime())); 
     } 
    }); 
}); 
+0

我已經使用這個代碼,但的幫助下這個開始日期日曆顯示所有的日期,而我只需要今天和之前的日期。 –

0

使用此作爲一個參數...

minDate: new Date()