2012-03-16 32 views
0

我真的不知道如何編寫我的兩個日期選擇器。當我使用第一個日期選擇器選擇某個日期時,我希望第二個日期後X天自動選擇一個日期。下面的代碼是我現在擁有的。還剩下什麼?Datepicker - 自動分配X天后的第二個日期

$(function() { 
     $.datepicker.setDefaults({ 
     dateFormat: 'yy-mm-dd', 
     firstDay: 1, 
     showOn: "both", 
     buttonImage: "/images/calendar.gif", 
     buttonImageOnly: true}); 
     $('#txtStartDate').datepicker({minDate: 0, onSelect: function(selectedDate) { 
      var minDate = $(this).datepicker('getDate'); 
      if (minDate) { 
        minDate.setDate(minDate.getDate() + 1); 
      } 
      $('#txtEndDate').datepicker('option', 'minDate', minDate || 1); // Date + 1 or tomorrow by default 
     }}); 
     $('#txtEndDate').datepicker({minDate: 1, onSelect: function(selectedDate) { 
      var maxDate = $(this).datepicker('getDate'); 
      if (maxDate) { 
        maxDate.setDate(maxDate.getDate() - 1); 
      } 
      $('#txtStartDate').datepicker('option', 'maxDate', maxDate); // Date - 1 
     }}); 
}); 
+0

你在哪裏定義/圖什麼'X'是什麼? – gideon 2012-03-16 04:31:11

+0

你想分配日期到enddate然後你可以直接分配var var toDate = startdate.getMonth()+ 1 +「/」+ startdate.getDate()+ noofdays)+'/'+ date.getFullYear(); – 2012-03-16 04:31:56

+0

如果你想得到這個幫助,你至少需要告訴我們什麼是錯的。當前的代碼在做什麼?如果它什麼都不做,那麼你需要說這個。另外,JSFiddle也是最有用的。 – Simon 2012-03-16 05:27:19

回答

0

這應該有幫助,歡呼!

鏈接:jQuery datepicker- 2 inputs/textboxes and restricting range

工作演示:http://jsbin.com/evudo但你可以找到在上面的鏈接更多的選擇。

鏈接:http://forum.jquery.com/topic/2-datepickers-start-end-date-get-and-post

<script type="text/javascript"> 
jQuery(function($){ 
    $(".urDatePickerName").datepicker({ 
     dateFormat : 'yy-mm-dd' 
    }); 
}); 

function validate(){ 
     var dateFrom = $('#start1').val(); 
     var dateTo = $('#end1').val(); 
     if(dateFrom > dateTo){ 
     alert('Invalid date entry, "date from" is greater than "date to".'); 
     }else{ 
      //customRange .. you can find in the URL Code... 
    } 
} 
</script> 
相關問題