2012-03-16 65 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> 
相关问题