使用带有 HTMX 的 bootstrap-datepicker

Posted 2023-05-07

【中文标题】使用带有 HTMX 的 bootstrap-datepicker

【英文标题】：Using bootstrap-datepicker with HTMX

【发布时间】：2021-08-13 07:24:06

【问题描述】：

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

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

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

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

任何帮助将不胜感激。

【参考方案1】：

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

我找到了这个解决方案。

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

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

【讨论】：

如果您输入年份的第一个数字，它也会立即触发，即使稍后更改日期也只会触发一次。我尝试通过使用 delay:2s 来缓解这种情况，但它并不可靠..