禁用未来日期

时间:2016-09-14 05:15:35

标签: javascript angularjs datepicker html5-video jquerydatetimepicker

我的观点:

<input type="text" class="datepicker" placeholder="DD/MM/YYYY" id="datepicker" ng-model="datepicker" name="datepicker" style="width:100%" tabindex="4"  required/>`  
Controller:  
  `$('#datepicker').datepicker({
 format: 'mm-dd-yyyy',
 endDate: '+0d',
 autoclose: true
 });
  

它显示TypeError: $(...).datepicker is not a function

我想禁用今天之后的所有日期 试图实施。

3 个答案:

答案 0 :(得分:1)

正如其他人所说,你可能没有把它包含在你的页面中......并且就逻辑问题而言,在今天之后禁用日期:

您今天可以指定datepicker的maxDate选项,

这是jquery datepicker api docs关于maxDate选项

的内容
  

最大可选日期。设置为null时,没有最大值。

$(function(){

  $('#thedate').datepicker({
      dateFormat: 'dd-mm-yy',
      maxDate: new Date()
  });

});

以下fiddle希望您的问题立即得到解决

答案 1 :(得分:0)

使用maxDate而不是endDate

<input type="text" class="datepicker" placeholder="DD/MM/YYYY" id="datepicker" ng-model="datepicker" name="datepicker" style="width:100%" tabindex="4"  required/>`  

$('#datepicker').datepicker({
 format: 'mm-dd-yyyy',
maxDate: new Date(),
 autoclose: true
 });

Fiddle

答案 2 :(得分:0)

data-plugin-datepicker data-plugin-options='{"autoclose": true, , "endDate": "0d", "format": "dd-mm-yyyy"}'

在html中尝试这个