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

Question

有什么办法可以隐藏年份部分的html日历面板，只在日历上显示月份和日期部分。

Answer 1

不幸的是，没有简单的答案，但是您可以使用另一种方法来强制用户使用 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 - 只有日和月