angularjs - 在 ui.bootstrap.datepicker Angularjs 中禁用 future 日期

标签 angularjs ui.bootstrap

我正在使用datepicker of UI Bootstrap :(有一个Plunker there,可以通过按钮禁用过去的日子)。

任何人都可以帮我在没有任何按钮的情况下禁用 future 的日子吗?

我尝试像这样更改按钮的功能,但没有成功:

$scope.toggleMin = 函数() { $scope.options.minDate = $scope.options.minDate ? **新日期()**:**空**; };

这是一个按钮,我想在没有按钮的情况下禁用。

最佳答案

只需将 options 中的 maxDate 设置为您想要限制的日期即可。

$scope.options = {
  customClass: getDayClass,
  maxDate: new Date(), // restrict maximum date to today
  showWeeks: true
};

否则,如果您在设置选项后需要更改它,您可以这样做:

$scope.options.maxDate = new Date(), // restrict maximum date to today

这是更新后的 Plunker,禁用了今天之后的日子:https://plnkr.co/edit/0iqNNEcATzv4t8h8n41X?p=preview

关于angularjs - 在 ui.bootstrap.datepicker Angularjs 中禁用 future 日期,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40923150/

相关文章:

c# - 如何从 web api 中的 Angular 帖子读取文件?

javascript - Angular ng-click 不触发

angularjs - 模态窗口有大背景

json - 获取没有时间/时区的 ui.bootstrap.datepicker 值

javascript - 使用 controllerAs 语法时将当前范围传递给 modalInstance

jquery - 根据变量在 Accordion 标题上设置背景颜色

angularjs - 将 AngularJS 与 SocketStream 结合使用

javascript - ng-controller 和 ui-view 不适用于同一元素

css - 使用 ng-animate 时偏移占位符元素的正确方法是什么?

javascript - 如何使用angularjs在一个模型中实现多个模板?