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>