Search code examples
jquerybootstrap-datetimepicker

How to hide the header navigation in boostrap datetimepicker?

enter image description here

How to hide header navigation in datetimepicker following image. Any one suggest or guide to how to solve this.

my code 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>

script

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

  • try adding this to your css, it's a display none for the elements that you don't want showing

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