【问题标题】:Jquery / Daterangepicker problem , Allow to change date only by "Apply Button"Jquery / Daterangepicker 问题,仅允许通过“应用按钮”更改日期
【发布时间】:2020-10-19 10:09:56
【问题描述】:

我正在使用 Jquery 日期范围选择器,

如果用户没有点击应用按钮,我想取消设置日期的选项。

现在,当用户在 daterangepicker 框外单击时,日期已设置(我不希望它发生)。

我为什么要这样做? 因为我设置了一个事件,当单击 applybtn 时, startDate 和 endDate 将发送到我的隐藏输入,然后使用后端处理它会更容易。

我也尝试使用 AutoApply.. 但问题是我找不到任何检测到此自动应用的事件。

我需要检测事件,因为我想立即将数据发送到我的隐藏输入。

提前谢谢你的帮助。

【问题讨论】:

    标签: jquery bootstrap-4 daterangepicker


    【解决方案1】:

    好吧,所以你有几个选择兔子,他们都会有点忙。

    第一个:

    您可以将 datepicker 附加到不可见的输入,此外,您可以在应用按钮上附加一个额外的事件(不确定 datePicker 是否在 clikc 上有事件),但您可以轻松地将它附加到 datepicker 召唤上,然后您可以更新可见的输入,而使不可见的输入不断变化。

    第二个是:

    您可以四处寻找替代日期选择器,或者创建自己的,您可以下载不包含事件持有者的简化日期选择器。

    第三个选项:

    你可以覆盖 excisting 事件,这是不可见的,但我会把它扔出去。

    我的个人意见,如果我需要类似的东西,我会创建不可见的输入并在应用按钮上附加一个事件。应用按钮始终具有相同的类,确保在同一个包装器中调用日期选择器,然后只需通过 $('div.someDateDiv>datepicker>.button'); //Not an actual code. 找到它

    由于 datepicker 已经在构建包中,他们按照他们想象的舒适和最常用的方式构建它,所以调整它可能会有点麻烦。

    祝你好运!

    【讨论】:

    • 您好,非常感谢您的明确和私有化的回答,我发现.. 问题是我找不到任何检测自动设置日期范围选择器的事件。为什么应用按钮对我不好?因为 daterangepicker 将通过选择 endDate 来设置默认值。我想找到这个事件能够在设置日期选择器后立即在我提前准备的隐藏输入中设置 startDate + endDate。虽然我没有发现任何有效的事件,即使在查看文档之后,我还是决定循环遍历所有日期选择器并在提交表单之前将其重置。
    • 对,这是有道理的,我认为您需要一个更简单的库,它只为您提供样式和基本的 javascript 内容。因为你有点自己附加事件。但这是有道理的,以某种方式取消触发的事件并自行执行也是可行的。
    猜你喜欢
    • 2021-03-24
    • 2014-04-02
    • 1970-01-01
    • 1970-01-01
    • 2012-08-10
    • 1970-01-01
    • 2016-11-26
    • 2021-10-15
    • 1970-01-01
    相关资源
    最近更新 更多