2014-12-03 46 views
0

我試圖把一個日期選取器在我的代碼壓延觀點,禁止輸入類爲HTML

這裏是代碼,

問題是,我不想讓他們選擇比其它任何日期日曆日期。如何禁用鍵入

<div class="form-group clearfix"> 
    <label class="col-lg-4 control-label">Date Sold</label> 
    <div class="col-lg-8"> 
    <input type="text" id="calendar" name="date" value="" class="validate[required] form-control" placeholder="yyyy-mm-dd"> 
    </div> 
</div> 

的JavaScript內

$("#calendar").datepicker({ 
    dateFormat: 'yy-mm-dd',   
    minDate: new Date(<?php echo $year;?>,<?php echo $month -1;?>,<?php echo $day; ?>) 
}); 

回答

1

的能力,您可以使用disabledreadonly屬性,以避免在文本手工錄入,如下圖所示

<input type="text" id="calendar" 
     name="date" value="" 
     class="validate[required] form-control" 
     placeholder="yyyy-mm-dd" readonly> 

<input type="text" id="calendar" 
     name="date" value="" 
     class="validate[required] form-control" 
     placeholder="yyyy-mm-dd" disabled> 
+0

禁用禁用。我不知道只讀。謝謝:) – 2014-12-03 10:30:14

+0

高興地幫助你:) – 2014-12-03 10:35:05

0

或jquery的1.6+:

​​

jquery的1.5:

$("input").attr('disabled','disabled');