Search code examples
csstimepickeradminlte

How to remove AM or PM in Time Picker boostrap

I am using Time Picker of AdminLTE , how can I limit user to pick AM or PM only in time picker. When clicking time picker in AM, PM must not be show

enter image description here

In Addition here's the code:

View:

<div class="bootstrap-timepicker">
   <div class="form-group">
      <label>FROM</label>
        <div class="input-group">
           <input type="text" class="form-control timepicker">
        </div>
      </div>
</div>

Script

$( document ).ready(function() {
    $(".timepicker").timepicker({
        showInputs: false
    });


});
Solution

  • ok so just hide the buttons

    .bootstrap-timepicker-widget table tr:nth-child(3)>td:last-child a {
  display: none;
}

.bootstrap-timepicker-widget table tr:nth-child(1)>td:last-child a {
  display: none;
}