css - 如何在时间选择器 Bootstrap 中删除 AM 或 PM

标签 css timepicker adminlte

我正在使用 AdminLTE 的时间选择器,如何限制用户仅在时间选择器中选择上午或下午。在上午点击时间选择器时,不得显示下午

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


});

最佳答案

好的,所以只需隐藏按钮

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

关于css - 如何在时间选择器 Bootstrap 中删除 AM 或 PM,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51240760/

相关文章:

html - 链接不在固定导航中居中

android - 如何获取 TimePickerDialog AM PM 值

android - 横向模式下的 TimePickerDialog 小部件 (PreferenceScreen)

android - 如何更改 Android TimePicker 分钟间隔?

javascript - AdminLTE BootStrap - 表搜索栏消失并带有附加 <th> 标签

javascript - 用于禁用按钮的 jQuery 电子邮件验证脚本

jquery - 使用 ScrollView 组件后无法在文本字段中键入文本

css - 开发 express CSS "dx:"

jquery - TypeError : $ (. ..).bootstrapTable 不是函数