问题标签 [flatpickr]

我有一些使用 flatpickr 日历实例的 HTML。我想做的是在单击随附的跨度时仅打开特定的日历实例。

随附的 Javascript 是：

当前所做的是导致“.datetimepicker input”的所有实例重新初始化为新实例。我实际上如何导致我想要打开的实例？

我正在为 Flatpickr 的 ( https://chmln.github.io/flatpickr/ ) onDayCreate 事件而苦苦挣扎。这里有没有人知道如何检查选择器的日期对象是否与我的日期数组中的任何日期匹配？

我有一个数组（或对象数组，不确定如何调用它），日期如下：

我需要检查值是 0、>3 还是 5 并将类添加到该日期。Flatpickr 有一个例子，但它使用数学函数来随机化哪些日期应该有新的 span 元素（例子）。但我无法将我的 if else 配置为 addClass。

Flatpickr has the option so that user can pick date/ datetime.

I m wondering how can I post user's chosen datetime to server-side.

我通过 npm install flatpickr 安装了 flatpickr。日历显示就像单击输入控件时一样

我有一个 flatpickr 角度组件，用于使用 Format 保存日期：

当我保存这个日期时，我没有错误，我得到了 ng-model

我把它保存在我的数据库中

但是当我尝试在我的输入上获取保存的值来修改它时，它不起作用，值没有加载

我尝试了很多示例，但没有找到解决方案：

这个：

或 Juste：

有人能帮助我吗。并提前感谢:)

我正在尝试为Flatpickr创建一个淘汰赛绑定，但没有运气。我尝试从此处接受的答案中调整代码无济于事。Flatpickr 已初始化，但它似乎没有使用我设置的默认选项，并且绑定的更新部分根本不起作用。

我的代码如下。我会创建一个 jsFiddle 但它在工作中被阻止了..

编辑

关于我的情况的更多信息。我在顶部有一个带有寻呼机按钮的页面，这些按钮在我的视图模型中的一个数组中循环。每次我翻页时，displayRecord 属性都会设置为数组中的下一个/上一个项目，并且所有编辑字段都绑定到 displayRecord 属性。这适用于我的所有输入，除了那些使用@atitsbest 提供给我的 datetimepicker 绑定的输入。

datetimepicker 字段第一次被填充，但是一旦我翻过它们，该记录的 viewmodel 属性就会以某种方式设置为 null。

编辑 2

终于搞定了。这是最终产品。最终删除了 init 函数中的订阅，因为它在尝试将其设置为可观察到 null 时导致错误。还为用户添加了 flatpickr 包装功能，以提供他们自己的用于清除、切换等的按钮。

我正在使用一个名为 Flatpickr 的插件。它工作正常，但是当我添加点击行为并尝试将其附加到另一个 div 时，它会在那里显示多个文本框。很奇怪，现在我现在需要做什么，我应该在那个 div 中找到 flatpicr，然后如果它有更多，则将其删除。或对此有任何其他替代解决方案。

这是脚本

这是小提琴

提前致谢

我有一个 rails/react 应用程序（只有一个应用程序），其中允许用户使用Flatpickr安排会议。

我正在传递一个名为“scheduled_for”的日期时间列，以便我可以在我的反应组件中使用它。

这就是我的“componentDidMount()”的样子：

我的会议模型中有一个“scheduled_for_future”验证方法，以防止会议被安排在过去。

我希望用户能够在当地时区选择日期和时间，并将其保存为 UTC（Heroku 默认值）。

在本地开发中一切正常，但如果我尝试在生产中选择时间和日期，例如从现在开始 10 分钟，我会收到“必须在未来”错误。（这显然是因为我的时区是 PT 并且根据服务器的时间从现在开始的 10 分钟是过去的）

感觉这应该很容易解决。为了用户体验，我希望客户能够在他们自己的时区中选择时间并在保存之前转换为 UTC，但就是想不通。

我对 momentjs 或 flatpickr 不是很有经验，所以我很可能错过了一些非常重要的东西。

如果您需要更多信息/某些东西没有意义，请告诉我。

太感谢了

我正在尝试使用 altFormat 更改日期的值，使其采用英文 DD/MM/YYYY 格式而不是美国格式。

我觉得将 alTformat 设置为上述内容就可以做到这一点。有什么我想念的吗。

我的元素的 html 看起来像这样。

如果有任何我错过的信息，请告诉我。

我正在使用平面选择器，输入的日期如下：

1991 年 1 月 2 日（第 1 天/2 月/1991 年。

但是，当我添加类 flatpickr 时，它将日期转换为：

1991 年 2 月 1 日

美国版本的日期。

我认为我可以通过执行以下代码轻松解决此问题：

我认为重要的一点是 dateFormat：'dmY'。

其他人可以在这里发现我做错了什么吗？

非常感谢