2015-10-05 2 views
1

У меня есть два datepicker, которые включают в себя начальную и конечную дату.Datepicker отключить до определенного дня

Когда первая дата введена в действие, я хочу отключить до даты первой даты, даты в конечной дате. Также отключить после сегодняшнего дня.

START DATE END DATE

ответ

2

Вы можете сделать это таким образом.

<input type="text" name="dateFrom" id="dateFrom" readonly="true" value="" class="textbox" /> 
<input type="text" name="dateTo" id="dateTo" readonly="true" value="" class="textbox" /> 


<script type="text/javascript"> 
$(document).ready(function() { 
     $("#dateFrom").datepicker({ 
      onClose: function() { 
       $("#dateTo").datepicker(
        "change", { 
        minDate: new Date($('#dateFrom').val()) 
       }); 
       $("#dateFrom").datepicker({dateFormat: "dd/mm/yy"}); 
      } 
     }); 

     $("#dateTo").datepicker({ 
      onClose: function() { 
       $("#dateFrom").datepicker(
        "change", { 
        maxDate: new Date($('#dateTo').val()) 
       }); 
       $("#dateTo").datepicker({dateFormat: "dd/mm/yy"}); 
      } 
     }); 
    }); 
</script> 

См. Рабочий пример здесь. https://jsfiddle.net/jjLhca9o/

Edit:

См Обновлено jsFiddle: http://jsfiddle.net/jjLhca9o/5/

+0

работает спасибо, но как я могу изменить формат дд/мм/гг. Если я изменюсь, месяц val изменился на день – Dauezevy

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