谷歌浏览器中的输入类型=“月”格式

Posted 2021-04-05

我有一个input type="month"控件，我也在使用Angular UI bootstrap。当我在IE中选择一个月时，它显示为yyyy-MM格式。但在谷歌Chrome中它显示为MMMM yyyy格式。

本地化时，日历控件中的月份显示为本地化文本，但在输入框中选择后，它将显示英文月份名称。

期望的解决方案：在输入框中显示本地化月份或在谷歌浏览器中将格式更改为yyyy-MM。

答案

需要注意的一点是显示的日期格式与实际值不同;大多数用户代理根据用户操作系统的设置区域设置以适合语言环境的形式显示月份和年份，而日期值始终格式为yyyy-MM。

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/month

因此，由于这是基于日期区域设置格式，我不认为您将能够通过使用<input type=month>得到您想要的 - 但是您从中获得的值应始终为YYYY-MM格式眼镜。

如果显示日期的方式很重要，我会考虑一些html5之前的解决方案来进行日期控制。像这样：https://jqueryui.com/datepicker/