问题标签 [flatpickr]

我正在使用Flatpickr我的日期选择器。但是，当我选择今天的日期时，我希望结果显示为“今天”。

这是我到目前为止所尝试的。这部分instance.set不适合我。也许我做错了什么。

以下是当前工作代码的片段。我需要的只是当前显示的日期是“今天”而不是日期本身。

我在一个 React 驱动的项目中使用Flatpickr来满足一些日期和时间要求。具体来说，我正在使用 React 风格的库React-flatpickr。

它工作正常，当我将它用于提供独立数据的日期或时间字段时没有问题。

我的要求有一个日期选择器，用户可以在其中使用默认日历视图选择日期。

两个额外的相关字段允许用户选择开始时间和结束时间。这 2 个字段仅显示时间选择 - 没有日历视图。

在选项中，除了其他数据之外，由于我想要 Unix 纪元时间进行处理，而返回给用户的视图可能具有更友好的格式，所以在选项dateFormat中传递了。K这适用于日期字段。时间字段应返回在日期字段中选择的日期的基于 Unix 纪元的时间。K当我通过时间字段时，我得到一个数字（例如 6） 。如果我的理解是正确的，那么时间字段会从defaultDateorvalue选项中获取日期。

附上一个示例布局以供视觉参考：

如何根据日期字段中选择的日期获取这些时间字段的 Unix 时间？例如，我正在寻找这些值：

• 开始日期：123456789009（来自“startdate”字段的采样时间，理想情况下是 Unix 纪元格式的上午 00:00:00 时间）
• starttime: 98765432236（来自“starttime”字段的采样时间，日期基于“startdate”字段和该字段中选择的时间。如果为空，则默认为 06:00:00 AM 的 Unix 纪元时间）
• endtime: 934236111833 （来自“endtime”字段的采样时间，日期基于“startdate”字段和该字段中选择的时间。如果为 null ，则默认为 11:59:59 PM 的 Unix 纪元时间）

我的工作中/粗略的 React 代码：（注意：为简洁起见，一些用于布局和样式的元素和类等已被删除，以确保增强的可读性。我使用的是 Redux，所以可能根本没有使用本地状态.当地状态只是为了让我可以得到一个工作版本。）

}

我正在尝试通过使用 Javascript 小书签自动填充某些字段来加快网页表单填写工作流程。除了填写由 Flatpickr 控制的几个日期/时间字段外，我已经完成了所有工作。这是我的书签代码，主要由 FormFillerJS.com 创建：

这两行……</p>

......根本没有填充。我在这方面完全是新手，但我的印象是必须以某种方式调用 Flatpickr。有没有办法用 JS 小书签来做到这一点，还是我被困在 Flatpickr 界面手动选择日期/时间？

如果有帮助，这是我在这两个领域看到的来源：

我正在使用这个加载 flatpickr：

该变量只是我的日期时间。它有效，但我想添加一个类似于this的清除按钮。无论我做什么，按钮都不会清除日期。

这个例子：

看起来很简单，但我显然错过了一些东西。有人让这些关闭按钮之一正常工作吗？

我正在构建一个约会计划程序，它使用下拉选择来选择一个人。假设 John Smith 和 flatpickr 选择一个日期。当我选择 John smith 时，他应该在 10 月 30 日下午 3 点到 5 点之间进行预约。因此，如果我想显示和禁用他在下午 3 点到 5 点之间不可用的按钮，并在他可用的时间显示其余按钮。我该如何解决这个问题？有我可以安装的 NPM 吗？我将要比较的时间是从 js 库的那一刻起。我正在使用 React Js，我从那个人那里得到的时间来自 Ajax 调用。

当我收听 flatpicker 的关闭事件并在事件函数中记录 v-model 的值时，我得到了之前选择的日期

如何在 12 小时内获得时间选择器，并在少于 10 小时内获得前导零？当前代码； $('.time').flatpickr({ enableTime: true, noCalendar: true, dateFormat: "h:i K", });

我得到的输出是 6:30 AM，但我想得到 06:30 AM。

我是 flatpickr 的新手。

有人可以在 jsfiddle 中展示“flatpickr + 外部元素”是如何工作的吗？

我在页面上有 4/5 文本输入。我正在使用将这些文本输入转换为 flatpicker

在我的 html 页面中，我有类似 html 的 /* Html 页面 */

如果我不添加wrap: true一切正常。

如果我添加 add wrap: true那么我得到 JS 错误并且 flatpickr 没有呈现。

错误：无效的输入元素指定为空

你能告诉我我做错了什么吗？

提前致谢。

我目前正在使用vue-flatpickr-component来创建更好的日期输入字段。现在我有一个“onClose()”方法（见下面的代码）来检查输入的日期是否有效。

我删除了大部分代码以使其更具可读性。

如果它无效，则应将布尔值更改为 true，但我无法从 onClose 方法访问数据中的值。有谁知道我该怎么做？谢谢

为我们的日历使用 flatpickr，我们是否遇到了 Iphone/Ipad 的问题。打开日历时，光标位于文本框中，这会触发默认的 Iphone 日历，如下所示。这适用于 android 和 chrome 移动模拟 100%。

有谁知道如何禁用