在angularjs中的angular-datepicker中禁用将来的日期

时间:2019-05-14 13:49:15

标签: angularjs angular-daterangepicker

我面临的问题是在angular-datepicker中禁用日期。 这就是我定义datepicker的方式:-

<datepicker date-format="{{pattern}}" 
            button-prev="<i class='fa fa-arrow-left' ></i>" 
            button-next="<i class='fa fa-arrow-right'></i>">
  <input class="form-control ng-valid ng-valid-number ng-valid-max ng-valid-min ng-dirty ng-pristine" 
         name="pointAllocDate" type="text" 
         placeholder="Select Date*" id="pointAllocDate" required="required" 
         autocomplete="off" />
</datepicker>

我在angularjs控制器中将模式定义为

$scope.pattern = 'yyyy-MM-dd HH:mm:ss';

按如下所示将CSS和js链接到datepicker:-

<link href="css/angular-datepicker.css" rel="stylesheet" type="text/css" />
<script src="/js/angular-datepicker.js"></script>

在此日期选择器中,我没有获得禁用未来日期的方法。任何帮助都是可取的。

1 个答案:

答案 0 :(得分:0)

您将需要在日期选择器中使用date-max-limit="today"

在变量today中,设置今天的日期。它将最大日期设置为今天,并将禁用将来的日期。 有关更多参考,请访问:https://github.com/720kb/angular-datepicker/blob/master/README.md