角度材料输入组件中的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">。

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

您希望查看文档，以便针对您的用例做出相应的业务决策。例如，Safari本身不支持时间input，而在移动平台上，某些浏览器甚至倾向于为time输入类型提供良好的用户界面。

mdn web docs HTML/Element/input/time