将输入日期数据类型更改为 DD/MM/YYYY 而不是 MM/DD/YYYY 需要 [重复]

Posted

技术标签:

【中文标题】将输入日期数据类型更改为 DD/MM/YYYY 而不是 MM/DD/YYYY 需要 [重复]【英文标题】:Changing input date data-type to DD/MM/YYYY instead of MM/DD/YYYY with require [duplicate] 【发布时间】:2018-01-07 17:50:42 【问题描述】:

大家好,我正在为日期格式仅为 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>

我可以通过在输入中放置'dd/mm/yyyy' 的占位符来做到这一点,因为值的格式为yyyy-mm-dd,这不会打扰我,但需要会产生问题。当用户以mm/dd/yyyy 格式输入错误时,它会给出一个错误,即日期不正确,因此在这种必需的情况下放置占位符将不起作用。

如何将其更改为 dd/mm/yyyy 以便它可以满足要求。

【问题讨论】:

【参考方案1】:

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

另一方面,浏览器对&lt;input type="date"&gt; 的支持不是很好,所以我不会依赖它。最好使用支持本地化的日期库进行验证。

如果您只是在寻找有效日期(例如,不关心混淆 2 月 1 日和 1 月 2 日),您可以使用 pattern 属性,在其中放置一个本地化的正则表达式。

或者,另一种选择是在字段(2017 年 1 月 5 日)旁边显示完整的日期,因为他们键入它。

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

【讨论】:

【参考方案2】:

使用 jquery 的 Datepicker.IN 代替 Jquery 的 Datepicker 你可以设置任何你想要的日期格式。

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

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

只需在代码的 head 部分添加这些 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>

【讨论】:

感谢 datepicker,它可以正常工作,但仍以 mm/dd/yyyy 格式显示数据 @Azeem112 在这里根据您的要求设置日期格式'dd-mm-yy' 谢谢。它正在使用此代码 $("#Date").datepicker( dateFormat: 'dd/mm/yy', changeMonth: true, changeYear: true );

以上是关于将输入日期数据类型更改为 DD/MM/YYYY 而不是 MM/DD/YYYY 需要 [重复]的主要内容,如果未能解决你的问题,请参考以下文章

如何将chrome,YYYY-MM-DD上的打印预览标题的日期格式更改为DD / MM / YYYY

将日期格式更改为 yyyy-mm-dd

Android - 将日期格式更改为 - dd.mm.yyyy HH:mm [重复]

需要将日期时间转换为 dd/mm/yyyy [重复]

如何将 HTML 中的日期时间格式更改为 dd/mm/yyyy [重复]

如何将datepicker日期格式更改为DD / MM / YYYY [复制]