如何隐藏 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 day/month only, not year selection
jQuery UI - Datepicker - Hide year
Jquery datepicker - only day and month

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

How to hide the year part in Html <input type="date"> calendar panel?

html

date

picker