所有浏览器都支持HTML时间输入类型的时间格式

Question

Hi，

我正在使用Angular / Jhipster进行项目。我目前对输入表格有疑问，实际上，我创建了一个Type =“ TIME”的输入表单。例如，它可以完美地在我的浏览器中工作（12:24），但在其他浏览器中，它以另一种形式（例如（12:24 AM））显示，或者在其他形式下以普通字符串而非时间的形式显示。我该如何解决它，我希望它能在我的所有其他浏览器中显示。

<input id="timeVar" type="time" name="usr_time" value="09:36"
(change)="setDefValue($event,'usr_time')" required pattern="[0-9]{2}:[0-9]{2}"> 

谢谢！

Answer 1

我不太确定是否有解决方案。我知道了，您也尝试过使用模式。如果您愿意尝试其他选择，请在线搜索时间选择器。也许这应该有所帮助，我认为它将使所有浏览器中的时间模式标准化。

Answer 2

如果使用的是角度项目，则可以使用Angular DatePipe。这是最简单的方法，无需创建您自己的解决方案。

示例：{{valueDate | date: 'dd/MM/yyyy'}}或{{ dateObj | date }}。

您可以选择输出。查看文档=>来自doc的示例。

{{ dateObj | date:'medium' }}      // output is 'Jun 15, 2015, 9:43:11 PM'
{{ dateObj | date:'shortTime' }}   // output is '9:43 PM'
{{ dateObj | date:'mm:ss' }}       // output is '43:11'`

Angular doc to DatePipe