如何在时间选择器引导程序中删除 AM 或 PM答案

【问题标题】：How to remove AM or PM in Time Picker boostrap如何在时间选择器引导程序中删除 AM 或 PM
【发布时间】：2018-07-09 08:08:51
【问题描述】：

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

这里是代码：

查看：

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


});

【问题讨论】：

你可以在Jquery中使用$('#datetimepicker1').datetimepicker({format: 'HH:mm'});
你能显示一些代码吗？
这个链接有帮助吗？ stackoverflow.com/questions/25767950/…
大卫爵士，我已经检查了那个帖子，代码使 AM 和 PM 消失了，在我的情况下，我只想删除 AM 或 PM，而不是两者。

标签： css timepicker adminlte

【解决方案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;
}

【讨论】：

我认为您需要对时间进行一些限制。有很多 JS 方法，但隐藏按钮是最简单的 CSS 唯一技巧
哇，它的工作原理，你能把链接放在我可以研究那个代码的地方吗？非常感谢先生
@MathewMagante 这是纯 CSS。我选择了 AM/PM 部分的顶部和底部箭头并使其不可见。就是这样。