禁用Angular ui.bootstrap.datepicker

Question

我在Angular bootstrap集合中使用了datepicker.(http://angular-ui.github.io/bootstrap/).

我知道你可以在datepicker中禁用个别日期,但我需要禁用整个日期选择器,如本博文(使用jQuery)所示.

你会如何使用Angular禁用整个日期选择器？

Answer 1

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

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

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

但同样...这些都是解决方法...如果需要，您可以尝试通过包装到诸如 datepicker-disable 之类的自定义指令来使它们看起来更漂亮。或者将您喜欢的 jquery datepicker 包装到 Angular 指令中，这将需要更多工作。