如何在 Jquery datepicker 的两个文本框中创建日期范围答案

【问题标题】：How to create a daterange in two text boxes in Jquery datepicker如何在 Jquery datepicker 的两个文本框中创建日期范围
【发布时间】：2014-08-04 11:22:49
【问题描述】：

我有两个用于开始日期和结束日期的文本框。我在两个文本框中都使用了 jquery 日期选择器。我希望第一个框显示本月，另一个框显示下个月。还有在第二个框应该总是在第一个文本框之后。我是 Jquery 的新手。

这是我的代码

<script type="text/javascript">
$(function () {
    $("#startdate, #enddate").datepicker();
    $("#startdate, #enddate").datepicker("option", "dateFormat", "yy-mm-dd");
    $("#enddate").datepicker({
        maxDate: "+1M"
    });
});
</script>

请帮忙。提前致谢

【问题讨论】：

您的意思是，如果您首先选择 8 月 8 日，然后在第二个日期选择器中选择 8 月 8 日之后的日期，对吗？

标签： jquery jquery-ui-datepicker

【解决方案1】：

这应该可以解决您的问题，

这是工作的fiddle

我使用的代码

  $("#from").datepicker({
    changeMonth: true,
    changeYear: true,
    onClose: function (selectedDate) {
      var date = $(this).datepicker('getDate'),
         day=date.getDate()+1,
         month = date.getMonth() + 2,
         year = date.getFullYear();
      $("#to").datepicker("option", "minDate", month + "/" + day + "/" + year);
    }
 });

已选择日期和月份，并使用它将开始日期分配给下一个日期选择器。（为日期选择器使用了不同的 id）

【讨论】：

【解决方案2】：

尝试使用以下代码：

           $("#startdate").datepicker({
                minDate: 0, //adjust min date display on calender
                maxDate: "+60D", //adjust max possible date values
                onSelect: function(selected) {
                  $("#enddate").datepicker("option","minDate", selected)
                }
            });
            $("#enddate").datepicker({ 
                minDate: 0,
                maxDate:"+60D",
                defaultDate: '+1m',
                onSelect: function(selected) {
                   $("#startdate").datepicker("option","maxDate", selected)
                }
            });

【讨论】：