弹出窗口中的 AngularUI 月份选择器显示为日期选择器答案

【问题标题】：AngularUI monthpicker in popup shown as datepicker弹出窗口中的 AngularUI 月份选择器显示为日期选择器
【发布时间】：2014-06-12 09:04:06
【问题描述】：

我正在尝试在月份选择器模式中使用 angular ui datepicker 作为弹出窗口，但它显示为日期选择器。

我找到了一个作为 inline-picker here 的月份选择器的工作示例，但我需要它作为弹出窗口。

Here is a plunker of what I've tried，基于官方示例。

【问题讨论】：

您的 plnkr 不存在 ;)
确实如此，但 plnkr.co 现在似乎已关闭

标签： angularjs angular-ui angular-ui-bootstrap

【解决方案1】：

我设法修复它。

http://plnkr.co/edit/tvte8r1EbjbeDZLn2ivq

最重要的是 datepickerMode 存在一个问题，没有正确解析，因此 datepicker 以日模式而不是月模式开始。我刚刚从 angular-ui 引导存储库中导入了最新版本。

其余的基本上只是修改 dateOptions 并将 datepicker-mode 设置为 popupMode。

希望你现在很好 ;-) 干杯，简

【讨论】：

【解决方案2】：

您的代码中存在一些语法问题。

指令 max-mode 和 min-mode 将采用单引号覆盖的参数。所以正确的做法应该是，

<input type="text" show-weeks="false" show-button-bar="false" class="form-control" datepicker-popup="{{format}}" ng-model="dt" is-open="status.opened" min-date="minDate" max-date="maxDate" datepicker-options="dateOptions" date-disabled="disabled(date, mode)" ng-required="true" min-mode="'month'" max-mode="'month'" />

您可以从 here 查看 Angular Bootstrap 的文档并搜索 DatePicker 其中 min-mode 和 max-mode 的功能 说明了指令。

例如检查这个demo

[注意：虽然回答这个问题为时已晚，但您可能会发现它有帮助]

【讨论】：

这仅适用于 UI-BootStrap 0.13 及更高版本（取决于 Angular 1.3 及更高版本）...