javascript - 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来解决这个问题。默认情况下，浏览器不会将年份字段限制为四位数。

https://www.w3schools.com/html/tryit.asp?filename=tryhtml5_input_max_min_date