Question

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

ServiceLoader

我可以通过在输入中放置Jquery CDN added Bootstrap CDN added <form> <input type='date' id='date' name='date' required> <input type='submit'> </form>的占位符来实现此目的，因为值的格式为'dd/mm/yyyy'但不会打扰我但需要创建问题。当用户以yyyy-mm-dd格式提供错误输入时，它会给出错误，即日期不正确，因此在此必要情况下放置占位符将无效。

如何将其更改为mm/dd/yyyy，以便它可以使用。

Answer 1

根据Mozilla关于<input type="date">元素的文章，用户的操作系统区域设置将影响日期的解析方式。因此，如果您拥有一台操作系统设置为目标区域的计算机，它应该按预期运行。

另一方面，浏览器支持对于<input type="date">并不是那么好，所以我不会依赖它。最好使用支持本地化验证的日期库。

如果您只是在寻找有效日期（例如，并不关心混合2月1日和1月2日），您可以使用pattern属性，在其中放置本地化的正则表达式。< / p>

或者，另一种方法是，在字段旁边（2017年1月5日）填写完整日期。

Mozilla的文章：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date

Answer 2

而不是使用jquery的Datepicker.IN Jquery的Datepicker您可以设置任何您想要的日期格式。

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

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

只需在代码的头部添加这些Cdn

即可

<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>

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

2 个答案: