首页 > 解决方案 > Flatpickr:仅当日期值为空/空时才设置默认日期

问题描述

我正在使用 Flatpickr v4.6.3。使用以下代码行在具有类日期的文本字段上对其进行初始化。

$( ".date" ).flatpickr({"dateFormat":"dMY",disableMobile: "true","defaultDate":new Date()});

在这里,我希望 Flatpickr 显示在输入字段值中设置的日期,如果文本框/输入字段值没有有效日期,则显示默认日期。

问题:如果我使用 defaultDate:new Date(),那么它总是会覆盖输入字段上设置的任何日期值。也许我可以编写一个方法来调用 defaultDate 并自己解析输入值并相应地返回。请建议。

标签: javascriptflatpickr

解决方案


我有同样的问题。'defaultDate' 属性是字符串类型,默认值为空。记住它是一个字符串,所以如果你使用'null',它会初始化为空白。我正在使用 4.6.1,这对我有用。

$( ".date" ).flatpickr({
   dateFormat:"d-M-Y",
   disableMobile: "true",
   defaultDate:'null'
});

推荐阅读