如何将ng-bootstrap-datetime-angular切换为24小时制格式

要把该组件切换为24小时制，只需在组件标签中添加[hour12]="false"属性，并确保输入框的时间格式使用大写的HH（代表24小时制小时），具体修改如下：

修改后的HTML代码 #

<form>
  <div [formGroup]="formGroup">
    <ng-bootstrap-datetime-angular
      placeholder="Select DateTime"
      inputDatetimeFormat="dd/MM/yyyy HH:mm"
      [hour12]="false"
      formControlName="activeEndDate"
      name="activeEndDate"
    ></ng-bootstrap-datetime-angular>
  </div>
</form>

关键说明 #

• [hour12]="false"：强制组件使用24小时制，同时会让弹窗内的时间选择面板也切换为24小时显示模式
• inputDatetimeFormat="dd/MM/yyyy HH:mm"：大写HH是24小时制的格式标识，小写hh对应12小时制，这里要保持格式匹配

你的TypeScript代码无需修改，表单初始化逻辑保持原样即可。

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