Datepicker - X 天后自动分配第二个日期

Posted 2023-05-07

【中文标题】Datepicker - X 天后自动分配第二个日期

【英文标题】：Datepicker - automatically assign second date X days later

【发布时间】：2012-04-01 16:17:12

【问题描述】：

我真的不知道如何编写我的两个日期选择器。当我使用第一个日期选择器选择某个日期时，我希望第二个日期自动选择 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
      );
);

【问题讨论】：

您在哪里定义/了解X 是什么？

你想给enddate赋值，那么你可以直接赋值var var toDate =startdate.getMonth()+1+"/"+ startdate.getDate()+noofdays) + '/' + date .getFullYear();

如果您需要这方面的帮助，您至少需要告诉我们出了什么问题。当前代码在做什么。如果它什么都不做，那么你需要这样说。此外，JSFiddle 也很有帮助。

【参考方案1】：

这应该会有所帮助，干杯！

链接：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>