Question

我必须在我的angular 6应用程序中使用HTML5 input type ='date'。我想将其显示为dd / MM / yyyy格式。但是当我将本地电脑时间格式更改为yyyy-MM-dd chrome时，会自动将时间格式更改为本地电脑时间格式。但我想为所有用户将其设置为dd / MM / yyyy。（因为它们的pc时间格式可能不同），我该如何解决此问题。是他们格式化的任何方法。

如果我按如下所示放置格式属性，它将不起作用。

<input type="date" format="dd/MM/yyyy"/>

Answer 1

简短的答案是，当前无法格式化日期（没有format属性可用）。

但是，您可能需要解决方案，因此这里有一些您可能想尝试的选项

1）使用<input type='text'>进行显示，并在用户尝试打开日期选择器时使用隐藏的<input type='date'>（以编程方式打开本机日期选择器可能并不容易），并让JavaScript将日期选择器中的日期放入输入类型的文本中

2）只需将带有可自定义日期选择器的库（如Angular Material DatePicker与setLocale方法一起使用

HTML5输入类型日期格式

1 个答案: