Angular 12 + ngx-bootstrap 7.1.2：如何配置带时间选择器的bsDatepicker以移除AM/PM并启用24小时制

嘿，刚好我之前也碰到过这个需求，用Angular 12 + ngx-bootstrap 7.x版本的话，只需要在你的bsConfig里补充两个关键配置项就能搞定！

你目前的代码已经设置了dateInputFormat: 'MMMM DD YYYY, HH:mm'（这里用HH是对的，它代表24小时制的小时，而hh是12小时制），但还需要告诉时间选择器本身启用24小时模式，这样才会自动移除AM/PM标识。

修改后的完整代码如下：

<div class="text">
  <input 
    id="dpReview" 
    name="dpReview" 
    type="text" 
    required 
    #allocationDatepicker 
    class="form-control" 
    bsDatepicker 
    placeholder="Select an assignment date" 
    [(ngModel)]="allocDate" 
    [bsConfig]="{
      withTimepicker: true, 
      dateInputFormat: 'MMMM DD YYYY, HH:mm',
      timePicker24Hour: true,
      timePickerSeconds: false  <!-- 可选：如果不需要秒选择器就加上 -->
    }"
  />
</div>

来拆解下关键配置的作用：

• timePicker24Hour: true：强制时间选择器使用24小时制，同时会自动隐藏AM/PM的切换按钮
• timePickerSeconds: false：这个是可选配置，如果你的需求里不需要选择秒数，加上它就能隐藏秒的选择框，让界面更简洁
• 保持dateInputFormat里的HH:mm：确保输入框最终显示的时间是24小时格式

这样配置之后，你的时间选择器就会完全按照24小时制来工作，不会再出现AM/PM标识，用户可以直接选择00:00到23:59的时间啦！

内容的提问来源于stack exchange，提问作者Tiago