Bootstrap3 datetimepicker在panel中设置format为LT仍显示日历问题

问题根源 #

你的代码存在重复初始化组件的问题：你先对目标元素初始化了带format: 'LT'配置的datetimepicker，紧接着又调用了datepicker()方法，后者会直接覆盖之前的datetimepicker实例，而datepicker本身仅提供日历选择功能，自然不会显示预期的时间选择界面，该问题和组件放在Bootstrap panel/accordion内部无关。

解决方案 #

删除多余的datepicker初始化代码即可，修正后的JS代码如下：

$(document).ready(function(){
    $('.panel-time-picker').datetimepicker({
        format: 'LT'
    });
});

可选排查项（如果修改后仍未生效可以检查） #

• 确认项目已正确引入moment.js依赖，datetimepicker的LT时间格式依赖moment.js解析
• 如果你的accordion面板是动态生成、异步渲染的，需要确保初始化代码在.panel-time-picker节点完成DOM挂载后再执行，不要提前执行初始化

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