如何在 bootstrap datetimepicker 中隐藏 header 导航？

Question

如何在下图中 datetimepicker 中隐藏 header 导航。任何人都建议或指导如何解决这个问题。

我的代码 HTML

<div class="input-append">
    <input type="text" name="start_time" placeholder="00:00 AM/PM" class="input-mini statusTime" value="{$response.start_time}" style="width: 100px;"  />
    <span class="add-on glyphicons clock"><i></i></span>
</div>

脚本

  $('.statusTime').datetimepicker({
        format: "HH:ii P",
        showMeridian: true,
        autoclose: true,
        todayBtn: false,
        pickDate: false,
        startView: 1
    });

Answer 1

尝试将此添加到您的 css，它显示 none 您不想显示的元素

.table-condensed thead .picker-switch, .table-condensed thead  .prev, .table-condensed thead .next
{     
     display: none; 
}

如何在 bootstrap datetimepicker 中隐藏 header 导航？

How to hide the header navigation in boostrap datetimepicker?

jquery

bootstrap-datetimepicker