flatpickr js 不断将日期恢复到 2022 年 1 月 1 日

发布于 2025-01-12 18:41:31 字数 1066 浏览 5 评论 0原文

我使用 flatpickr 作为 html/js 中的日期选择器。我使用 jsdelivr 拉取该模块：

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
<script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>

多年来它一直表现正常，但昨天它开始表现奇怪。这是我的 javascript，我没有更改：

$("input[type='datetime'], input[type='datetime-local']").flatpickr({
        enableTime: true,
          altInput: true,
          altFormat: "F j, Y at h:i K",
          dateFormat: "Y-m-d H:i",
        time_24hr: false
      });

并且显示了一个日期选择器，如下所示：

当我选择日期时，datepicker flatpickr-input 类的值更改为所选的日期时间，并且 datepicker form-control input 类更改其值命名为日期选择器表单控件输入处于活动状态。我认为这都是预料之中的。

问题是，当我第二次单击（在另一个日期或在日历 div 之外）时，日期时间会删除我的选择并将其替换为 2022-01-01 00:00。

为什么要这样做而不是保留我选择的值？

原文

I'm using flatpickr as a datepicker in html/js. I pull the module in using jsdelivr:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
<script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>

It's been behaving normally for years, but yesterday it started behaving oddly. Here is my javascript, which I have not changed:

$("input[type='datetime'], input[type='datetime-local']").flatpickr({
        enableTime: true,
          altInput: true,
          altFormat: "F j, Y at h:i K",
          dateFormat: "Y-m-d H:i",
        time_24hr: false
      });

And that displays a datepicker like so:

When I select a date, the value of the datepicker flatpickr-input class changes to the datetime chosen and the datepicker form-control input class changes its name to datepicker form-control input active. I think that's all expected.

The problem is that when I click a second time (either on another date or outside of the calendar div), the datetime removes my selection and replaces it with 2022-01-01 00:00.

Why is it doing that rather than keeping the value I select?

分享到QQ

分享到微博