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&nbsp;type="datetime-local"&nbsp;max="9999-12-31T23:59"&nbsp;name="my-date"/>