问题标签 [flatpickr]

问问题

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

252 问题

0 投票

0 回答

995 浏览

javascript - Flatpickr 通过字段设置中的其他字段值动态设置 minDate 和 maxDate，无需自定义 JS

如何通过在没有自定义 Js 的情况下引用开始日期输入 id 来将“结束日期”字段的 minDate 设置为动态大于“开始日期”字段来跟踪开始日期和日期。

除了硬代码 minDate 和 maxDate 之外，我在文档中没有看到任何解决方案。

就像是：

它将根据“开始日期”输入字段中的当前值使用“结束日期”的 minDate 值

0 投票

1 回答

1009 浏览

jquery - jQuery Flatpickr 在克隆元素中不起作用

这是 Flatpickr 的加载方式：

我正在克隆一个元素（单击按钮）：

在这个元素内部，有一个使用 Flatpickr 的日期选择器。

并将此克隆附加到页面：

现在，当我想使用其中一个日期选择器时，原始的非克隆版本正在工作，但克隆版本却没有。控制台日志中没有错误。

我该如何解决？

基于@Bhushan Kawadkar 他的回答的代码片段：

这正在创建“o.getAttribute 不是函数”错误（flatpickr，第 2 行。）

jquery datepicker append clone flatpickr

0 投票

1 回答

1154 浏览

flatpickr - 如果将空数组传递给 Flatpickr 中的启用参数，则禁用所有日期

我只想知道，是否有任何方法可以禁用所有日期，以防将空的日期数组传递给 enable 参数。目前，我正在传递从数据库中获取的几个日期，在少数情况下，它不获取任何日期，在这种情况下，我希望完全禁用日历日期。到底有没有？

flatpickr

0 投票

0 回答

213 浏览

javascript - Flatpickr 总是保存当前的日期时间

我将 Flatpickr 用于我的表单中的一个字段trigger_date：

无论我选择哪个日期，表单都将始终提交当前日期和时间。这是我当前的设置Flatpickr：

javascript flatpickr

0 投票

1 回答

2814 浏览

angular - Angular Flatpickr 将最后选择的日期绑定到模型而不是当前选择的日期

我在我的输入表单中使用 flatpickr 模块进行日期选择。此输入表单位于 Angular mat-dialog 中。
面临以下问题：
1. 打开 mat-dialog 时，下拉日历会自行打开。只有当鼠标点击事件发生在 mat-dialog 的表单元素内时，它才应该打开。Mat-Dialog-GUI
2. 在日期选择中，绑定到角度变量的值不正确。它采用最后选择的值而不是当前值。当日历在第一次加载对话框时自行打开时，在日期选择“3rd Sep”上，元素的值被绑定为“null”而不是选定的日历日期。然后，再次选择日期“5th Sep”时，值将绑定为“3rd Sep”而不是 5th。Then, when "7th Sep" is selected, 浏览器控制台日志

以下是 HTML 和 TS 代码片段：

angular angular-material flatpickr

0 投票

1 回答

240 浏览

javascript - IE11 正则表达式意外结果

我有这个正则表达式/(\d\d|\d).(\d\d|\d)/，我正在将它06/16/2018作为输入字符串执行。在 Chrome 中，它按预期工作，给出["06/16", "06", "16"]匹配结果。在 IE11 中，它给了我["2018", "20", "8"]作为结果。但是，当我尝试直接在控制台中重新创建它时，它在两种浏览器中都可以正常工作。知道这里会发生什么吗？

作为背景，这实际上是在第三方库 flatpickr v4.5.0 中执行的，但我正在调试该代码以查看发生了什么。

有关示例，请参见下面的 IE11 调试器屏幕截图。我无法弄清楚这是怎么发生的。