【问题标题】:Angular UI Bootstrap Datepicker move click outsideAngular UI Bootstrap Datepicker 移动点击外部
【发布时间】:2016-01-15 11:21:37
【问题描述】:

我希望有可能点击我页面上的某个按钮,日期选择器会将视图更改为上/下个月/年(正常的日期选择器在日历上方有此选项)。

我发现负责该功能的函数是 move(number) 但我如何在指令之外调用此函数?

我必须装饰 datepicker 还是他们更简单的解决方案?

【问题讨论】:

    标签: angularjs datepicker angular-ui-bootstrap angular-ui


    【解决方案1】:

    uib 日期选择器接受 ng 模型。使用按钮更改时间的一种简单方法是编写一个函数来修改您传入的模型。这意味着您不必弄乱引导程序中的函数,只需修改 dt 对象。 有几种修改 javascript dt 对象的方法,请参阅Incrementing a date in JavaScript

    【讨论】:

    • 但我想更改日历视图,而不是模型。例如,我在 datepicker 上选择 4.01.2015(我在日历上看到月份 2 月)如果我想将视图更改为 2015 年 12 月 - 我必须单击左侧图标(glyphicon-chevron-left),我不想用我的日期更改模型。
    • 我需要将此图标转移到其他区域 - 例如页眉上的日历,在页脚上将视图更改为下/上个月
    • 使用 angulars 两种方式绑定,通过更改日期模型,日历的视图应自动更新。如果有时间,我稍后会用它制作一个 jsFiddle。
    猜你喜欢
    • 2015-04-13
    • 2015-05-24
    • 1970-01-01
    • 2023-03-30
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多