Javascript 使用require将输入日期数据类型更改为DD/MM/YYYY，而不是MM/DD/YYYY

大家好，我正在为一个区域创建一个应用程序，其中日期格式仅为DD/MM/YYYY，而默认输入类型日期格式为MM/DD/YYYY

 Jquery CDN added
 Bootstrap CDN added
<form>
 <input type='date' id='date' name='date' required>
 <input type='submit'>
 </form>

添加了Jquery CDN 已添加引导CDN 我可以通过在输入中放置一个占位符

'dd/mm/yyyyy'

来实现这一点，因为值的格式是

yyyy-mm-dd

，这对我来说并不麻烦，但这需要解决问题。当用户以

mm/dd/yyyy

格式输入错误时，会出现日期不正确的错误，因此在这种情况下放置占位符将不起作用

---

如何将其更改为

dd/mm/yyyy

，以便它可以处理所需的数据。

根据Mozilla关于

元素的文章，用户的操作系统区域设置将影响日期的解析方式。因此，如果您拥有一台将操作系统设置为目标区域的计算机，它的行为应该与预期的一样

另一方面，浏览器支持对于

来说并不是很好，所以我不会依赖它。最好使用支持本地化的日期库进行验证

如果您只是在寻找有效日期（例如，不关心2月1日和1月2日的混淆），您可以使用

模式

属性，在其中放置一个本地化的正则表达式

或者，另一种选择是，在他们键入时，在字段旁边显示完整日期（2017年1月5日）

---

Mozilla文章：

使用jquery的Datepicker来代替它。在jquery的Datepicker中，您可以设置任何想要的日期格式

在正文末尾的脚本标记中添加此代码

<script>$('#date').datepicker({ dateFormat: 'dd-mm-yy' }).val();</script>

$（'#date'）.datepicker（{dateFormat:'dd-mm-yy'}）.val（）；

只需将这些Cdn添加到代码的head部分

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

感谢datepicker，它可以工作，但仍然以mm/dd/yyyy的形式向我显示数据format@Azeem112根据您的要求设置日期格式“dd-mm-yy”，谢谢。它使用的代码是$（“#Date”）.datepicker（{dateFormat:'dd/mm/yy'，changeMonth:true，changeYear:true}）；