使用 require 将输入日期数据类型更改为 DD/MM/YYYY 而不是 MM/DD/YYYY
Changing input date data-type to DD/MM/YYYY instead of MM/DD/YYYY with require
大家好,我正在为日期格式仅在 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
以便它可以与 required 一起使用。
根据 Mozilla 关于 <input type="date">
元素的文章,用户的操作系统区域设置将影响日期的解析方式。因此,如果您拥有一台操作系统设置为目标区域的计算机,它应该会按预期运行。
另一方面,浏览器对 <input type="date">
的支持不是很好,所以我不会依赖它。最好使用支持本地化的日期库来验证。
如果您只是在寻找有效日期(例如,不关心混淆 2 月 1 日和 1 月 2 日),您可以使用 pattern
属性,在其中放置一个本地化的正则表达式.
或者,另一种选择,在他们键入时在字段旁边呈现完整日期(2017 年 1 月 5 日)。
Mozilla 的文章:https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date
而不是使用 jquery 的 Datepicker.IN Jquery 的日期选择器您可以设置任何您想要的日期格式。
在正文末尾的脚本标签中添加此代码
<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>
大家好,我正在为日期格式仅在 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
以便它可以与 required 一起使用。
根据 Mozilla 关于 <input type="date">
元素的文章,用户的操作系统区域设置将影响日期的解析方式。因此,如果您拥有一台操作系统设置为目标区域的计算机,它应该会按预期运行。
另一方面,浏览器对 <input type="date">
的支持不是很好,所以我不会依赖它。最好使用支持本地化的日期库来验证。
如果您只是在寻找有效日期(例如,不关心混淆 2 月 1 日和 1 月 2 日),您可以使用 pattern
属性,在其中放置一个本地化的正则表达式.
或者,另一种选择,在他们键入时在字段旁边呈现完整日期(2017 年 1 月 5 日)。
Mozilla 的文章:https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date
而不是使用 jquery 的 Datepicker.IN Jquery 的日期选择器您可以设置任何您想要的日期格式。
在正文末尾的脚本标签中添加此代码
<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>