Javascript 日期选择器格式更改

我想用脚本更改HTML中日期选择器的格式。当前格式为：

MM/DD//YYYY

我可以使用以下脚本将其更改为所需的（

DD/MM/YYYY

）。在桌面版上，它是完美的。然而，当我在手机上使用它时，两种格式似乎都在选择日期后显示在字段中。顶部显示的是

DD/MM/YYYY

，下方显示的是

MM/DD//YYYY

（彼此重叠，似乎输入框没有删除旧值）

$（“输入”）。关于（“更改”，函数（）{
this.setAttribute（“数据日期”，矩（this.value，“YYYY-MM-DD”）.格式（this.getAttribute（“数据日期格式”））
}).触发器（“更改”）

输入{
位置：相对位置；
宽度：150px；
高度：20px；
颜色：白色；
}
输入：之前{
位置：绝对位置；
顶部：3px；
左：3px；
内容：attr（数据日期）；
显示：内联块；
颜色：黑色；
}
输入：：-webkit日期时间编辑，
输入：：-webkit内部旋转按钮，
输入：：-webkit清除按钮{
显示：无；
}
输入：：-webkit日历选择器指示器{
位置：绝对位置；
顶部：3px；
右：0；
颜色：黑色；
不透明度：1；
}

我在我的系统上尝试了相同的代码，但没有出现问题。给我们一个屏幕截图，显示您遇到的错误。此外，如果您试图自定义日期选择器或更改格式，您可以使用诸如Bootstrap DatePicker之类的日期选择器。但在屏幕截图中，当我在移动版（chrome S9+）中打开时，它在黑暗中显示选定日期DD/MM/YYYY，就在它的后面，它以白色显示相同的选定日期MM/DD/YYYY格式。链接是