Question

我正在尝试为我的表单上的jquery datepicker设置范围，但是当我打开表单时，它允许我选择任何日期。

  <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>

Answer 1

据我所知，应该这样做：

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

您缺少的是您应该使用'选项'设置它们。

Answer 2

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

使用'0'选择今天的最长日期

您还可以参考jQueryUI Api

Answer 3

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

当最小和最大日期是表达式时，它们应该作为字符串并正确定义。 Here是jquery ui datepicker MaxDate部分的链接。

Answer 4

还有一件事，你可能已经注意到了，但是您的选择器正在搜索ID为＆＃34; datepicker＆＃34;。然而，您的日期选择器是您的CLASS。所以我认为你需要改变＆＃34;＃日期选择器＆＃34;至＆＃34; .datepicker＆＃34;

Answer 5

如果您使用angularjs $ scope.today = new Date（）

，只需添加控制器

并在html min-date =“today”

Answer 6

您也可以对此进行测试。

$('#datepicker1').datepicker({
  format: 'mm/dd/yyyy',
});

$('#datepicker1').on('change', function() {
  $('#datepicker2').datepicker({
    startDate: $('#datepicker1').val()
  })
});

jquery datepicker range（mindate maxdate）不起作用

6 个答案: