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

如何在datetimepicker中设置显示0-23小时制的时间

Tempus Dominus datetimepicker v5.4 24小时制显示配置方法

直接通过format格式化配置即可实现0-23小时制显示,完整配置参考如下:

// 组件初始化配置示例
$('#datetimepicker').datetimepicker({
  // 保留你现有的其他配置,新增/修改以下配置项
  format: 'YYYY-MM-DD HH:mm', 
  use24hours: true
});

配置说明

  • 时间格式化的时间部分占位符区分大小写:大写HH对应00-23的24小时制格式,小写hh对应01-12的12小时制格式
  • use24hours参数用于控制时间选择弹窗的显示适配,确保弹窗内的小时选项也展示为24小时制的0-23区间,避免出现仅修改展示格式但选择面板还是12小时制的问题
  • 仅需要展示时间无需日期的场景,可将format调整为HH:mm即可

内容的提问来源于stack exchange,提问作者mstdmstd

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.10.05 07:30:04