Flatpickr min/maxTime选项设置后不生效该如何解决？

• 时间格式解析不匹配：你配置的dateFormat为12小时制格式h:i K，但minTime传入的是24小时制字符串'13:00'。Flatpickr首次渲染时间面板时，会优先使用当前设置的dateFormat解析时间限制参数，解析失败就会默认使用12:00作为最小值，第二次打开时内部已完成跨格式转换，因此限制会正常生效。
• 动态更新配置失效是因为操作方式错误：直接修改实例的config属性不会触发组件重渲染，新配置不会被应用到已经生成的时间面板上。

初始化场景修复 #

将minTime/maxTime从字符串改为小时+分钟组成的数组格式，可完全避开格式解析的问题，修改后的代码如下：

const fp = flatpickr(".date", {
    enableTime: true,
    noCalendar: true,
    minTime: [13, 0], // 格式为[时, 分]，无需考虑时区和格式解析问题
    dateFormat: 'h:i K',
});

如果你偏好使用字符串格式，也可以将minTime改为和dateFormat匹配的12小时制写法'1:00 PM'，同样可以解决首次打开不生效的问题。

动态更新配置场景修复 #

如果需要在组件初始化后修改时间限制，必须调用实例的set方法更新配置，之后调用redraw方法强制刷新面板即可生效：

// 示例：动态将最小可选时间修改为14:00
fp.set('minTime', [14, 0]);
fp.redraw();

内容的提问来源于stack exchange，提问作者trev