javascript - 如何在两天内设置 flatpickr 时间选择器?
问题描述
我正在使用 flatpickr 来允许时间输入。我想限制从下午 3:00 到凌晨 3:00 的时间输入(所以我想包括下午 4:00、下午 5:00 ... 下午 11:00、下午 12:00、凌晨 1:00。 ..)。
当前代码:
flatpickr({enableTime: true, noCalendar: true, dateFormat: "H:i", minTime: "15:00", maxTime: "3:00"})
我也试过minTime: "15:00", maxTime: "27:00"
但它们都不起作用。flatpickr 的文档。
解决方案
可悲的是,目前没有办法实现你用 nativeconfig
和minTime, maxTime, minDate, maxDate
props 描述的行为。(我建议在他们的回购中打开一张票:flatpickr repo)
但是,您可以使用此解决方法:
const instanceOfPickr = flatpickr("#works", {
onValueUpdate: function(obj, updatedTime) {
if ((updatedTime > "03:00") && (updatedTime < "15:00")) {
instanceOfPickr.setDate(new Date("June 10, 2019 15:00:00"));
}
},
enableTime: true,
noCalendar: true,
time_24hr: true,
});
它非常笨重,但它会完成工作。
decrease arrow
唯一的问题是 - 如果您在时间设置为 时单击小时或分钟15:00
,它将保留在那里。如果您想为decrease
这些箭头添加行为以减少时间03:00
- 您可以在 DOM 中专门查找它们并分配setDate(new Date("June 10, 2019 03:00:00")
给您的 TimePicker 的实例。
希望能帮助到你。
推荐阅读
- angular - 找不到用于 angularx-social-login 的模块
- linux - 在 VM 中使用 Invoke-AzVMRunCommand 运行脚本?传参问题
- android - 当我的应用重新聚焦时,如何更改导航栏图标颜色?
- r - 当列包含字母和数字字符时,R 中的顺序函数不能用 - 或 rev() 反转
- c# - C# 从 .txt 读取并拆分为结构数组
- typescript - 打字稿区分联合与通用的,不健全的类型缩小
- javascript - Firebase 和 stack nav 都不能同时在 app.js 中导出
- node.js - 如何将我的 mongodb 中的特定数据呈现到我的 html 中?
- c++ - c++ 使用动态分配运算符反转数组元素
- r - 在发送电子邮件时疯狂循环列表和拆分数据帧。90%在那里..需要最后的推动