弹出窗口中的AngularUI monthpicker显示为datepicker

Question

我试图在monthpicker-mode中使用angular ui datepicker作为弹出窗口，但它显示为日期选择器。

我发现了一个月份选择器的工作示例为内联选择器here，但我需要它作为弹出窗口。

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

Answer 1

我设法修复它。

http://plnkr.co/edit/tvte8r1EbjbeDZLn2ivq

最重要的是，没有正确解析datepickerMode的问题，因此datepicker以day-mode而不是month开始。 我刚刚从angular-ui bootstrap存储库中导入了最新版本。

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

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

Answer 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

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