使用Bootstrap datetimepicker仅显示时间选择器报错：Invalid date format.(format: 'LT')

嘿，我来帮你搞定这个问题！你遇到的「Invalid date format」错误，核心原因是你用的bootstrap-datetimepicker库不直接支持LT这个格式标记——LT是Moment.js里的本地化时间格式（比如“8:30 PM”这类带时段的格式），如果你的datetimepicker没有依赖Moment.js，或者版本不兼容，就会识别不了这个格式。

下面给你两个可行的解决方案：

方案1：使用datetimepicker原生支持的时间格式 #

直接用库原生支持的格式字符串，按需选择：

• 24小时制：HH:mm（显示如「14:30」）
• 12小时制带时段：hh:mm A（显示如「02:30 PM」）

修改后的代码：

$(function () { 
  $('.datetimepicker3').datetimepicker({ 
    format: 'HH:mm', // 按需换成 'hh:mm A'
    pickDate: false  // 隐藏日期选择器，只保留时间选择
  }); 
});

方案2：依赖Moment.js使用本地化格式 #

如果你确实想用LT这种本地化格式，需要确保项目中已经引入了Moment.js，并且你的datetimepicker版本是依赖Moment的（旧版bootstrap-datetimepicker通常需要Moment）。同时可以显式指定formatTime参数：

$(function () { 
  $('.datetimepicker3').datetimepicker({ 
    format: 'LT',
    formatTime: 'LT',
    pickDate: false // 强制隐藏日期选择部分
  }); 
});

另外提醒一下：加上pickDate: false可以彻底隐藏日期选择的UI，让组件完全变成纯时间选择器，更符合你的需求。

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