从 HTML 日期输入中隐藏/禁用年份答案

【问题标题】：hide/disable year from HTML date input从 HTML 日期输入中隐藏/禁用年份
【发布时间】：2021-09-09 08:39:41
【问题描述】：

有没有办法隐藏（mm-dd）或禁用（YYYY-mm-0000）字段输入的年份？我试过这个，但它显示了实际日期。如果是这样我需要显示0000

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

&lt;input type="date" id="date" /&gt;

【问题讨论】：

我不相信有办法使用标准控件隐藏日期的年份部分。您需要使用第三方 JS 库来执行此操作
@RoryMcCrossan 所以可以禁用年份值：“0000”
是的 - 但前提是您希望人们在 0000-01-01 和 0000-12-31 之间设置日期。
@RoryMcCrossan 是的，这就是我想要的
看起来（至少 chrome）日期选择器的硬编码最小值为 01/01/0001 - 如果您输入年份的 0000，它会更改为 0001

标签： javascript html jquery

【解决方案1】：

搜索了一个小时后，我发现 jquery datepicker 可以解决问题。

 var date = new Date();

$(function() {
    $( "#datepicker" ).datepicker({
    dateFormat: "dd-M",
      changeMonth: true,

       minDate:  new Date(date.getFullYear(), 0,1),                                            
       maxDate: new Date(date.getFullYear(), 12,31)
    });
  });

.ui-datepicker-year
{
 display:none;   
}

 <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

<input type="text" id="datepicker">

您可以使用https://jqueryui.com/datepicker/ 了解有关 jquery datepicker 的更多信息

【讨论】：