在<input type =“ date” />标记中将日期输出从“ DD.MM.YYYY”更改为“ DD / MM / YYYY”

Question

所以基本上<input type="date">的格式输入是“ DD.MM.YYYY”，但是我需要用“ /”输入-所以是“ DD / MM / YYYY”。

Answer 1

无法使用用户计算机或手机的默认日期格式更改网络套件浏览器。但是，如果可以使用jquery和jquery UI，则可以选择日期选择器，并且可以按照开发人员的需要以任何格式显示日期选择器。此页面http://jqueryui.com/datepicker/上有指向jquery用户界面日期选择器的链接，您可以找到演示以及代码和文档或文档链接

Answer 2

因此，我在互联网上进行了搜索，因此您无法在输入类型日期中将-更改为/。 因此它必须是文本，但看起来像这样fiddle

<input name=x size=10 maxlength=10  onkeyup="this.value=this.value.replace(/^(\d\d)(\d)$/g,'$1/$2').replace(/^(\d\d\/\d\d)(\d+)$/g,'$1/$2').replace(/[^\d\/]/g,'')" placeholder="DD/MM/YYYY">

Answer 3

使用String.replace和带有g标志的正则表达式替换.的所有出现次数：

const date = '15.05.2019';

console.log(
  date.replace(/\./g, '-')
);