2012-08-10 116 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最小日期= “今天”

相关问题