2014-01-03 4 views
0

Привет друзья Как ограничить пользователь не выбрать предыдущую дату, то выбранная перед самими собой в том же форме Ниже дата моего кодПользователь не может выбрать Предыдущую Дату JQuery-UI Datepicker

HTML

<table> 
<tr> 
      <td align="right">Check in date</td> 
      <td width="81%" style="padding:0;"><table width="100%" border="0" cellspacing="0" cellpadding="5"> 
      <tr> 
       <td width="25%"><input type="text" name="ww" size="30" id="checkIn" class="nameBook"/></td> 
       <td width="15%" align="right">Check out date*</td> 
       <td width="60%"><input type="text" name="ww2" size="30" id="checkOut" class="nameBook"/></td> 

      </tr> 
      </table></td> 
     </tr> 
</table> 

SCRIPT

<script> 
$(document).ready(function() { 
    $("#checkIn").datepicker({ minDate: 0, dateFormat: "yy-mm-dd"}); 
     var checkIn = $("#checkIn").val(); 
     $("#checkIn").on('change',function(){ 
      alert(checkInDate);     
     }) 
    $("#checkOut").datepicker({ minDate: /*Not Lasser then the date which user selects in #checkIn*/ }); 
}); 
</script> 

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

+1

http://jqueryui.com/datepicker/#date-range – Abhitalks

+0

возможно дубликат [Jquery Date Picker - отключить прошлые даты] (http://stackoverflow.com/questions/8356358/jquery -date-подборщик-отключение пришедшего дата) – bummi

ответ

1

по выбору вы можете изменить MinDate

onSelect: function(selectedDate) { 
    $("#to").datepicker("option", "minDate", selectedDate); 
    } 
Смежные вопросы