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

时间:2014-08-04 11:22:50

标签: jquery jquery-ui-datepicker

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

这是我的代码

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

请帮忙。 提前致谢

2 个答案:

答案 0 :(得分: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作为日期选择器)

答案 1 :(得分:0)

尝试使用以下代码:

           $("#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)
                }
            });