2012-08-10 151 views
3

我想設置一個jQuery的日期選擇器的範圍,我有我的表單,但是當我打開表單時,它允許我選擇任何日期。jquery datepicker範圍(mindate maxdate)不工作

<input class="span2 datepicker" name="tw#local#changeRequest#DeliveryDate" type="text" id="dp1"> 


<!-- jQuery --> 
<script type="text/javascript" src="<#=tw.system.model.findManagedFileByPath('jquery-1.7.2.min.js', TWManagedFile.Types.Web).url;#>"></script> 

<!-- Datepicker Script --> 
<script type="text/javascript" src="<#=tw.system.model.findManagedFileByPath('bootstrap-datepicker_new.js', TWManagedFile.Types.Web).url;#>"></script> 

<script type="text/javascript"> 
$(document).ready(function(){ 

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

}); 
</script> 

回答

8

據我所知,它應該做這樣的:

$("#datepicker").datepicker('option', {minDate: <some date>, maxDate: <some date>}); 

你所缺少的是,你應該使用「選項」設置。

1
$('#datepicker').datepicker({ 
       maxDate: '+1m', 
       minDate: '-20d', 
       }); 

當min和max date是表達式時,它們應該是字符串並被正確定義。 Here是jquery ui datepicker MaxDate部分的鏈接。

3
$('#datepicker').datepicker({ 
      maxDate: '0'}), 

使用'0'的選擇最多的日期今天

您也可以參考jQueryUI Api

0

一件事,你可能已經注意到了,但 你的選擇是爲「日期選擇器」搜索ID 。 鑑於你的日期選擇器是你的CLASS。 所以我認爲你需要從 「#datepicker」更改爲 「.datepicker」。

0

只添加控制器如果你正在使用angularjs $ scope.today =新的日期()

和HTML最小日期= 「今天」

相關問題