单击日历按钮在手风琴内的 Angular UI 日期选择器上不起作用答案

【问题标题】：Clicking calendar button not working on Angular UI datepicker inside accordion单击日历按钮在手风琴内的 Angular UI 日期选择器上不起作用
【发布时间】：2014-01-21 15:58:55
【问题描述】：

这里是一个笨蛋http://plnkr.co/edit/2Fs6vCciXRRc7GeUwyR2?p=preview

有没有人可以帮助告知为什么日历按钮不起作用？但是单击显示日历弹出窗口的日历文本框就好了。

看来 scope.$watch('isOpen', function(value) { ... } 当 datepicker 在手风琴内并使用日历按钮时不再工作。

非常感谢，

渡轮

【问题讨论】：

欢迎！你做了什么来解决你的问题？请向我们展示您的代码。
他看起来有他的代码在 plunkr @smartmeta
我确实看过这个但还没有解决方案，似乎 1）您应该使用 is-open=，而不是 open=，以及 2）控件似乎接管了变量，不知道如何更新它，大多数人建议使用 AngularStrap 插件，如果我解决了这个问题，我会回来发布。

标签： javascript angularjs calendar datepicker accordion

【解决方案1】：

您的 plunker 中存在一个问题 - 正如 @Daniel Dawes 所指出的，您需要使用 is-open 而不是 open，如文档所述：http://angular-ui.github.io/bootstrap/#/datepicker

那么，最后一个手风琴中日历被切断的问题是由于 Bootstrap CSS。您可以使用datepicker-append-to-body="true" 属性来解决此问题。

在这里工作：http://plnkr.co/edit/3d3CX25eNbUvv5U8qiV8?p=preview

【讨论】：

我想我知道我的错误。我对 Accordion 和 Datepicker 使用了相同的 Ctrl。我分开后它工作！非常感谢您的帮助
你让我开心 :) 非常感谢 (Y)