HTML有没有办法将日期输入中的年份限制为4位数字

Question

我正在开发一个 Django 应用程序。我的表单中有日期输入：<input type="date" name="date_of_birth" max="03.11.2020" max-length="8" pattern="[0-3][0-9].[01][0-9].[0-9]{4}" class="dateinput form-control" required id="id_date_of_birth">它允许输入年份为 6 位数字的日期，但我希望只能输入 4 位数字。我还尝试编写一个简单的脚本：$(function() {        $('#id_date_of_birth').change(function() {            var date = $(this).val();            console.log(date, 'change')        });    });但只有当我改变年份时才会开始。我希望数字以 4 位数字而不是 6 位数字循环。有人可以给我提示如何将年份限制为仅 4 位数字吗？

Answer 1

我喜欢使用属性 max 的建议。只需在输入日期类型字段中设置 max="9999-12-31" ，年份部分将限制为 4 位而不是 8 位。这解决了我的问题。

Answer 2

添加该属性max来修复此问题。默认情况下，浏览器不将年份字段限制为四位数字。

Answer 3

其他答案是正确的，因为“max”属性将限制年份（至少在 Chrome 中），但日期格式不正确。

这是正确的日期格式

<input type="datetime-local" max="9999-12-31T23:59" name="my-date"/>