【问题标题】:angular-daterangepicker.js - Include in ranges list options "Single Date" optionangular-daterangepicker.js - 包含在范围列表选项中“单一日期”选项
【发布时间】:2015-07-15 14:46:43
【问题描述】:

我正在尝试创建一个与“自定义范围”选项类似的新选项,但提供了仅选择一个日期的可能性(如“单日期选择”r)。因此,这将使它成为完整的选择,并将涵盖我需要的所有内容。换句话说,“自定义范围”下的一个新选项,名为“单一日期”,将提供显示一个日历以选择日期的可能性。这种情况也可以使用“自定义范围”来完成,但我的要求是仅使用一个日历来完成此流程。

请知道有人可以快速处理此功能吗?谢谢!

【问题讨论】:

    标签: javascript angularjs daterangepicker


    【解决方案1】:

    我完成了类似的事情。

    一个接受多个范围参数的日历指令。

    showRange=boolean,
    fromDate=dateObject,
    toDate=dateObject
    

    如果指令为showRange 接收true,则在单击时将显示日期范围的按钮上触发ng-show

    在我的calendar-directive 中,我为单个选择器和范围选择器构建了 HTML。

    这样,如果您在许多领域使用日历指令,您可以通过将布尔值传递给指令来决定是否显示show-range 按钮。

    【讨论】:

    • 如果你走这条路,我唯一的建议是使用 ngIf 而不是 ngShow。不同之处在于 ngIf 有条件地向 DOM 添加和删除元素,而 ngShow 两者都添加并通过 css 有条件地显示/隐藏它们。
    • 我同意@jme11,您不需要将按钮写入DOM。
    猜你喜欢
    • 1970-01-01
    • 2019-11-15
    • 1970-01-01
    • 1970-01-01
    • 2019-10-01
    • 2019-12-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多