Flatpickr 初始化失败

Question

我在从输入值初始化 flatpickr 时遇到问题。

这是 flatpickr HTML:

<div class="flatpickr">
<input name="test" value="2019-07-03" type="text" data-input>
<a class="input-button" title="toggle" data-toggle><i class="icon-calendar"></i></a>
</div>

这是配置：

flatpickr(".flatpickr", {
    dateFormat: "d.m.Y",    
    weekNumbers: true,
    wrap: true
});

日历初始化为日期 20.09.2019 但它应该是 03.07.2019.

我也试过将日期设置为时间戳，但是初始化也出错了。

Answer 1

value 属性中的 dateFormat 应该匹配 dateFormat: "d.m.Y"

flatpickr(".flatpickr", {
  dateFormat: "d.m.Y",
  weekNumbers: true,
  wrap: true
});

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

<div class="flatpickr">
  <input name="test" value="03.07.2019" type="text" data-input>
  <a class="input-button" title="toggle" data-toggle>
    <i class="icon-calendar"></i>
  </a>
</div>

Flatpickr 初始化失败

Flatpickr initialisation fail

javascript

calendar

flatpickr