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

时间:2018-02-08 08:01:43

标签: html date picker

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

1 个答案:

答案 0 :(得分:2)

不幸的是,没有简单的答案,但是你可以使用另一种方法强制用户只使用javascript输入月份和日期。

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

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

如果您仍想尝试,请阅读这些文章