2015-08-03 2 views
1

Привет Я включил данный кодкак установить MaxDate в Jquery DatePicker

$('.start').datepicker({ 
     defaultDate: "+1w", 
     changeMonth: true, 
     numberOfMonths: 1, 
     maxDate: "+0D", 
     dateFormat: "mm.dd.yy", 
     onClose: function(selectedDate) { 
      $('.end').datepicker("option", "minDate", selectedDate); 
     } 
     }); 
     $('.end').datepicker({ 
     defaultDate: "+1w", 
     changeMonth: true, 
     numberOfMonths: 1, 
     maxDate: "+0D", 
     dateFormat: "mm.dd.yy", 
     onClose: function(selectedDate) { 
      if (selectedDate.length >1) 
      $('.start').datepicker("option", "maxDate", selectedDate); 
      else 
      var selectedDate = new Date(); 
       selectedDate = selectedDate.format('mm-dd-yyyy'); 
      $('.start').datepicker("option", "maxDate", selectedDate); 
     } 
     }); 

     <input type="text" name="start_date" class="start"> 
     <input type="text" name="start_date" class="end"> 

Когда я нажимаю на старте позволяет мне выбрать до даты сегодняшней (т.е. 03-08-2015), но когда я иду в конец с выбором выбора начала, а затем приступить к запуску, тогда он принимает меня до 2010 года, т. е. начинается показ календаря с jan 2010. Пожалуйста, помогите мне, как это решить.

ответ

1

Селекторы должны быть строками. Я думаю, что вы пытаетесь установить границы для дат начала и окончания, чтобы они имели смысл. Я хотел бы использовать селекторы, основанные на идентификаторами и установить maxDate для start и minDate для end:

$(function() { 
    $('#start').datepicker({ 
     defaultDate: "+1w", 
     changeMonth: true, 
     numberOfMonths: 1, 
     maxDate: "+0D", 
     dateFormat: "mm.dd.yy", 
     onClose: function (selectedDate) { 
      $('#end').datepicker("option", "minDate", selectedDate); 
     } 
    }); 
    $('#end').datepicker({ 
     defaultDate: "+1w", 
     changeMonth: true, 
     numberOfMonths: 1, 
     minDate: "+0D", 
     dateFormat: "mm.dd.yy", 
     onClose: function (selectedDate) { 
      $('#start').datepicker("option", "maxDate", selectedDate); 
     } 
    }); 
}); 


<input type="text" name="start_date" id="start"> 
<input type="text" name="end_date" id="end"> 

посмотрите здесь: http://jsfiddle.net/9q4Lkrth/

+0

Не не нравится, что – user123

+0

Что вы ожидаете вместо этого? – Danilo

Смежные вопросы