码上敲享录 > HTML+CSS实战 > input type=datetime-local设置输入4位年份跳到月份位置

input type=datetime-local设置输入4位年份跳到月份位置

上一章章节目录下一章 2019-10-17已有517人阅读 评论(0)

因为业务需要,日期输入希望键盘输入,且可能需要时分,因此选择type="datetime-local"的input输入框,之后出现了下面这个问题:

Input标签 type为datetime-local时,键盘输入年份默认会在输入6个数字后自动跳转到月份的位置。

我希望实现是输入4位年份就能跳到月份位置


解决方法:

给datetime加上最大值限制(同时方便输入),控制在输入4位数字的年份后,第五位数字直接成为月份。设置最大值后,输入4位数字会自动跳转到月份

<input type="datetime-local" id="time" value="2019-10-07T10:55:33" max="2200-12-30T00:00" />

0

有建议,请留言!

  • *您的姓名:

  • *所在城市:

  • *您的联系电话:

    *您的QQ:

  • 咨询问题:

  • 提 交