如图日期选择在弹出AngularUI monthpicker [英] AngularUI monthpicker in popup shown as datepicker

查看:225
本文介绍了如图日期选择在弹出AngularUI monthpicker的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我试图用href=\"http://angular-ui.github.io/bootstrap/#/datepicker\"在monthpicker模式rel=\"nofollow\">角UI日期选择器的

I'm trying to use the angular ui datepicker in monthpicker-mode as a popup, but it is shown as a datepicker.

我已经找到了monthpicker这里的工作示例>,但我需要它作为一个弹出窗口。

I've found a working example of the monthpicker as inline-picker here, but I need it as a popup.

这里是什么我已经试过一个plunker的基础上,官方的例子。

Here is a plunker of what I've tried, based on the official example.

推荐答案

有在code一些语法问题。

There are some syntax problems in your code.

指令最大值模式和分模式将覆盖着一个单引号的参数。因此,正确的方法应该是,

the directives max-mode and min-mode will take parameters covered with a single quote. So the proper way should be,

<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'" />

您可以从 这里的<签角引导的docs / STRONG> 并搜索的DatePicker那里的功能的分型 MAX-模式指令解释说。

You can checkout the docs of Angular Bootstrap from here and search for DatePicker where the functionalities of min-mode and max-mode directives are explained.

例如检查此 演示

[ 注意:虽然为时已晚来回答这个问题,但你会发现它有用]

[Note : Though it's too late to answer this question, but you may find it helpful]

这篇关于如图日期选择在弹出AngularUI monthpicker的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆