如何在Time Picker Boostrap中删除AM或PM

时间:2018-07-09 08:08:51

标签: css timepicker adminlte

我正在使用AdminLTE的时间选择器,如何限制用户仅在时间选择器中选择AM或PM。在AM中单击时间选择器时,不得显示PM

enter image description here

此外,这是代码:

查看:

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

脚本

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


});

1 个答案:

答案 0 :(得分:1)

好的,所以隐藏按钮

.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;
}