angularjs - 禁用 Angular ui.bootstrap.datepicker

Question

我在 Angular bootstrap 集合中使用日期选择器。 ( http://angular-ui.github.io/bootstrap/ )。

我知道您可以禁用日期选择器中的单个日期，但我需要禁用整个日期选择器，如 this blog post 所示。 (它使用 jQuery)。

您将如何使用 Angular 禁用整个日期选择器？

Answer 1

似乎没有办法直接做到这一点。但是在 https://github.com/angular-ui/bootstrap/issues/1113 中讨论了一些变通方法。

相反，您可以创建一个范围变量，该变量将指示 datepicker 是否被禁用，如果是，则完全隐藏 datepiker 并在一个花哨的容器中显示 datepicker 的模型。

另一种方法是将 date-disabled 设置为 true，禁用输入并将 show-button-bar 设置为 false。

但同样......那些是解决方法......如果你愿意，你可以尝试通过包装到自定义指令(如 datepicker-disable )来使它们看起来更漂亮。或者将您喜欢的 jquery datepicker 包装到 angular 指令中，这会多一些工作。