如何在动态绑定时间的应用中设置jQuery Datetimepicker允许空时间?
搞定jQuery Datetimepicker允许空时间的问题
嘿,我懂你现在的困扰——想让这个时间选择器支持空值输入,但当前的配置没达到预期对吧?我帮你调整下配置就能解决:
首先看你现有代码里的问题:allowTimes: []这个配置是个坑,空数组会让插件觉得没有可选时间,反而把输入限制死了;另外你没明确开启允许空值的开关。
调整后的完整代码如下:
$(document).ready(function(){ try{ $('.DATETIMEFIELD').datetimepicker({ value: '', datepicker: false, format: 'h:i A', formatTime: 'h:i A', step: 30, allowBlank: true, // 核心配置:明确允许输入空值 allowTimes: null // 或者直接删掉这个配置,避免限制可选时间 }); } catch(e){ console.log(e); }; });
再给你两个额外的小提示:
- 检查下你的输入框有没有加
required属性,如果有的话浏览器会强制要求输入内容,得去掉; - 要是担心插件在清空后没正确设置空值,可以加个
onClose事件兜底:onClose: function(dateText, inst) { if (!dateText) { $(this).val(''); } }
这样调整后,时间选择器就允许用户清空输入,保留空值状态啦~
内容的提问来源于stack exchange,提问作者Gautam Parmar
相关产品推荐
相关产品推荐

