浏览器从用户的系统日期格式中获取日期输入格式。

(在支持的浏览器中测试，Chrome, Edge。)

由于目前还没有由规范定义的标准来改变日期控件的样式，因此不可能在浏览器中实现相同的功能。

用户可以在输入[type=date]的文本框中输入日期值，日期格式在框中显示为灰色文本。该格式从操作系统的设置中获得。Web作者没有办法更改日期格式，因为目前没有指定格式的标准。

所以不需要改变它，如果我们不改变任何东西，用户将看到日期输入的格式与他们在系统/设备设置中配置的相同，并且他们感到舒适或与他们的语言环境匹配。

记住，这只是用户在屏幕上看到的UI格式，在你的JavaScript/后端，你可以一直保持你想要的格式。

要在Chrome中更改格式(例如，从美式“MM/DD/YYYY”改为“DD/MM/YYYY”)，请访问>设置>高级>添加语言(选择英语英国)。然后:

浏览器重新启动，你会发现日期输入字段是这样的:´25/01/2022

参考谷歌开发者页面。

WHATWG git hub查询相同

测试使用以下日期输入:

<输入类型=“日期” id=“dob” 值=“”/>

这是不可能改变web-kit浏览器使用用户的电脑或手机的默认日期格式。 但是如果你可以使用jquery和jquery UI，有一个日期选择器是可设计的，可以显示在任何格式的开发人员想要的。 jquery UI日期选择器的链接是 在这个页面http://jqueryui.com/datepicker/上，您可以找到演示以及代码和文档或文档链接

编辑:-我发现chrome使用的语言设置默认等于系统设置，但用户可以改变他们，但开发人员不能强迫用户这样做，所以你必须使用其他js解决方案，就像我告诉你可以搜索网页查询像javascript日期选择器或jquery日期选择器

我在两年前搜索了这个问题，我的谷歌搜索再次把我带到了这个问题。 不要浪费时间试图用纯JavaScript处理这个问题。我把时间都浪费在日日夜夜的制作上了。没有适合所有浏览器的完整解决方案。所以我建议使用momentJS / jQuery datepicker，或者告诉你的客户端使用默认的日期格式

我相信浏览器将使用本地日期格式。不要认为这是可能改变的。当然，您可以使用自定义日期选择器。

在阅读了大量的讨论之后，我准备了一个简单的解决方案，但我不想使用大量的Jquery和CSS，只是一些javascript。

HTML代码:

<input type="date" id="dt" onchange="mydate1();" hidden/>
<input type="text" id="ndt"  onclick="mydate();" hidden />
<input type="button" Value="Date" onclick="mydate();" />

CSS代码:

#dt {
  text-indent: -500px;
  height: 25px;
  width: 200px;
}

Javascript代码:

function mydate() {
  //alert("");
  document.getElementById("dt").hidden = false;
  document.getElementById("ndt").hidden = true;
}

function mydate1() {
  d = new Date(document.getElementById("dt").value);
  dt = d.getDate();
  mn = d.getMonth();
  mn++;
  yy = d.getFullYear();
  document.getElementById("ndt").value = dt + "/" + mn + "/" + yy
  document.getElementById("ndt").hidden = false;
  document.getElementById("dt").hidden = true;
}

输出:

要改变格式是不可能的

我们必须区分在线格式和浏览器的表示格式。

有线格式

HTML5日期输入规范引用了RFC 3339规范，该规范指定的完整日期格式等于:yyyy-mm-dd。有关更多详细信息，请参阅RFC 3339规范的5.6节。

value HTML属性和DOM属性使用这种格式，并且在进行普通表单提交时使用这种格式。

报告格式

浏览器在显示日期输入方面是不受限制的。在编写Chrome, Edge, Firefox和Opera的日期支持(见这里)。它们都显示一个日期选择器，并在输入字段中格式化文本。

桌面设备

For Chrome, Firefox, and Opera, the formatting of the input field's text is based on the browser's language setting. For Edge, it is based on the Windows language setting. Sadly, all web browsers ignore the date formatting configured in the operating system. To me this is very strange behaviour, and something to consider when using this input type. For example, Dutch users that have their operating system or browser language set to en-us will be shown 01/30/2019 instead of the format they are accustomed to: 30-01-2019.

Internet Explorer 9、10和11显示wire格式的文本输入字段。

移动设备

特别是对于Android上的Chrome，格式是基于Android显示语言的。我怀疑其他浏览器也是如此，尽管我还没能证实这一点。