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

Question

我有一个type='time'from输入，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。

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

mdn 网络文档 HTML/元素/输入/时间