Как создать диапазон дат в двух текстовых полях в Jquery datepicker

Question

У меня есть два текстовых поля для начальной и конечной даты. Я использовал jquery date picker в обоих текстовых полях. Я хочу, чтобы первое поле отображало этот месяц, а другое поле отображалось в следующем месяце. Также дата, выбранная во втором окне, должна всегда быть после первого текстового поля. Я новичок в Jquery.

Вот мой код

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

Пожалуйста помоги. заранее спасибо

Answer 1

Это должно решить вашу проблему,

Вот рабочая скрипка

Код, который я использовал

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

выбрал дату и месяц и, используя его, назначил дату начала следующему указателю даты (использовал другой идентификатор для средства выбора даты)

Answer 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)
                }
            });