日历面板中的年份部分?" /> 如何隐藏 Html <input type="date"> 日历面板中的年份部分?

如何隐藏 Html 日历面板中的年份部分?

2023-11-25

有没有办法隐藏年份部分 html 日历面板,只显示日历上的月份和日期部分。


不幸的是,没有简单的答案,但是您可以使用替代方法,通过使用 JavaScript 强制用户仅输入月份和日期。

var year = new Date().getFullYear();
document.getElementById('date').setAttribute("min", year + "-01-01");
document.getElementById('date').setAttribute("max", year + "-12-31");
<input type='date' id='date' />

上面的代码将年份锁定为当前年份,因此用户只能输入月份和日期。


如果您仍然想尝试困难的方法,请阅读这些文章

  • jquery ui datepicker 仅日/月,不选择年份
  • jQuery UI - 日期选择器 - 隐藏年份
  • Jquery datepicker - 仅日期和月份
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何隐藏 Html 日历面板中的年份部分? 的相关文章

随机推荐