HTML5 中的 date 输入,年份会出现6位数,如何限制。
时间: 2024-03-05 16:48:40 浏览: 107
一个可以显示当前年份以及生肖的js代码
HTML5 中的 date 输入类型是支持显示6位数年份的,例如 "yyyyyy-mm-dd" 的格式。如果你想限制年份为4位数,可以使用 JavaScript 进行限制。
以下是一个示例代码,可以限制年份为 4 位数:
```html
<label for="date">选择日期:</label>
<input type="date" id="date" name="date" onchange="checkYearLength()">
<script>
function checkYearLength() {
const dateInput = document.getElementById("date");
const year = dateInput.value.substring(0, 4);
if (year.length > 4) {
const correctedValue = year.substring(0, 4) + dateInput.value.substring(4);
dateInput.value = correctedValue;
}
}
</script>
```
在上面的代码中,我们给 date 输入框添加了一个 onchange 事件,当用户选择日期时,会触发 checkYearLength 函数。该函数会获取用户选择的日期,并检查年份的长度是否大于 4。如果是,就会截取前 4 位作为年份,并将日期重新设置为正确的格式。
这样,用户就无法输入 6 位数的年份了。
阅读全文