angular-material - Angular Material Input 组件中的 24 小时时间格式

Question

我有一个输入 type='time'来自 Angular Material我想以 24 小时格式使用它。我找不到如何做到这一点。

   <md-input-container class="input-material-element">
          <input mdInput type="time" placeholder="{{labels.TIME_OF_DEPARTURE}}" [(ngModel)]="model.departureTime">
   </md-input-container>

Answer 1

Angular Material不格式化 <input type="time"> .

这是 HTML5 的浏览器实现/演示 <input> time 类型的元素.在某些浏览器中，您将获得所需的 24 小时格式，而在某些浏览器中，您将获得 12 小时制 AM/PM。

您想查看文档以针对您的用例做出适当的业务决策。例如，Safari 尚不支持时间 input原生，而在移动平台上，一些浏览器甚至倾向于为 time 提供漂亮的用户界面。输入类型。

mdn web docs HTML/Element/input/time