【问题标题】:Using bootstrap-datepicker with HTMX使用带有 HTMX 的 bootstrap-datepicker
【发布时间】:2021-08-13 07:24:06
【问题描述】:

我正在尝试将 bootstrap-datepicker 与 HTMX 一起使用。

在日期更改时,我想将日期用作 hx-post 的参数,但我不知道如何处理。

我有一个JSFiddle 和一个有效的引导日期选择器,我正在尝试在changeDate 事件上发布到/dateurl,其值为getDate 方法。

我什至接近吗?我试图使用 htmx 站点上的 sortable 示例作为起点。我想我不明白当事件触发时如何真正一些事情。

任何帮助将不胜感激。

【问题讨论】:

    标签: post events bootstrap-datepicker htmx


    【解决方案1】:

    感谢你的 jsfiddle,这样玩起来很容易。

    我找到了这个解决方案。

    <input type="text" hx-trigger="change" hx-post="/dateurl"
           onchange="htmx.trigger(this, 'change')">
    

    事件需要手动分派并不好。也许有更好的解决方案。但对我来说,如果没有 onchange 属性,它就无法工作。

    【讨论】:

    • 如果您输入年份的第一个数字,它也会立即触发,即使稍后更改日期也只会触发一次。我尝试通过使用 delay:2s 来缓解这种情况,但它并不可靠..
    猜你喜欢
    • 2014-08-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-07-24
    • 2021-12-06
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多