как отключить предыдущую дату в JQuery

Question

Я следовал и попытался это решение: http://jqueryui.com/datepicker/#min-max

, но он не работает на моем end.When нажмите DatePicker календарь выскакивает, но я могу выбрать предыдущие даты.

Я также включил эти ссылки:

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css"> 
<script src="//code.jquery.com/jquery-1.10.2.js"></script> 
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script> 
<link rel="stylesheet" href="/resources/demos/style.css"> 

еще не повезло.

Как я могу это решить? вот что я до сих пор:

VIEW

<div class='input-group date' id='datetimepicker3'> 
    <input type="text" id="datepicker" class="form-control col-md-9 deliveryDate" style="margin-left: 19%;"> 
</div> 

Jquery

$(function() { 
    $("#datepicker").datepicker({ 
     minDate: -20, 
     maxDate: "+1M +10D" 
    }); 
}); 

заранее спасибо ...

Answer 1

Это происходит потому, что вы звоните неправильный селектор. Вместо вызова #datepicker2 используйте #datepicker только

$(function() { 
     $("#datepicker").datepicker({ 
      minDate: -20, 
      maxDate: "+1M +10D" 
     }); 
    }); 

Answer 2

FIDDLE:

Для отключения предыдущие даты, напишите

minDate: 0 

Для отключения следующих дат, написать

maxDate: 0 

еще одна вещь , ваш id selector неверен. Должен быть таким же, как тот, который у вас есть для input

Надеюсь, это поможет!