You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在动态绑定时间的应用中设置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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.22 10:00:31