Отключить дату с datepicker

Question

Я пытаюсь отключить даты с моего датпикера, который является прошлым днем ​​и примерно через 30 дней после текущей даты, но я думаю, что я что-то упустил. Вот фрагмент того, что я получил.

Адрес: PHP-код.

<h3 style="font-family:Lucida Sans; font-size:12px;color:#514C4C;">Reservation Date:</h3> 
       <input type ="date" class="inputbox6" value ="<?php date_default_timezone_set('Asia/Manila'); 
       $date = date('M-d-Y'); 
       echo $date; ?> " id="datepicker" style ="border-top-left-radius:5px; border-bottom-right-radius:5px; border-top-right-radius:5px; border-bottom-left-radius:5px;" name ="res_date"/> 
       <div style="margin-top:0px; margin-left:0px; margin-bottom:5px; width:220px; color:#F00; font-size:12px;"> 
        <?php if (isset($_POST['btnReserve'])) { ?> 
         <?php if (empty($res_date)) { ?> 
           <?php echo "Please choose your reservation date."; ?> 
         <?php } ?> 
        <?php } ?> 
       </div> 

И вот сценарий.

<script language = "javascript"> 
$('#datepicker').datepicker({ minDate:0}); 
$('#datepicker').datepicker({ maxDate:30}); 
</script> 

Answer 1

Вы должны поместить его в документ, готовый обработчик, и вы должны поместить все опции в одном вызове datepicker:

$(function() { 
    $("#datepicker").datepicker({ 
     minDate: 0, 
     maxDate: 30 
    }); 
}); 

FIDDLE