2013-10-10 83 views
0

我試圖從我的datepicker中禁用日期,這是過去的日子和當前日期後的大約30天,但我認爲我錯過了一些東西。這是我得到的一個片段。禁用日期從datepicker

這裏是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> 

回答

1

你需要把它的文件準備好處理程序中,你需要把所有的選項調用一次datepicker

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

FIDDLE

+0

感謝您的答覆,但我已經嘗試過了,它仍然不會禁用過去的日子。 – AnnoyedKyo

+0

適合我,看到小提琴。 – Barmar

+0

奇怪的是我已經在小提琴上試過它,它在過去的日子裏工作,但接下來的30天它沒有,另一個奇怪的是當我在我的php上使用相同的代碼時,當我點擊文本框內時,它不顯示日曆。 – AnnoyedKyo