date - Firefox 输入类型=日期最小值未在最小有效月份打开

Question

我不确定是否有办法解决这个问题，但是当您使用 input type="date" 时，Firefox 的运行效果不佳与 min=属性:它总是在当前月份打开日期选择器，而不是最小有效日期开始的月份。如果日期是将来的日期，这尤其令人烦恼。

例如:

<input type="date" min="2021-08-04">

(请参阅 Firefox 中的 JSFiddle。)

用户必须手动滚动几个月，直到最终到达可用的月份。不太理想!

Answer 1

绕过此行为的一种方法是按照注释中的建议为输入设置一个值。而不是设置value HTML 中的属性，您可以尝试在用户单击输入并显示日期选择器时以编程方式设置它。

我认为focus/focusin是用来捕获的最佳事件，因为据我所知，没有 show / open input[type="date"] 上的事件.

关于MDN page ，在“事件”部分中仅提及 change和input .

这是一个实时示例:

var dateControl = document.querySelector('input[type="date"]');
dateControl.addEventListener("focus", function(){
  // You can add validation on value
  if( this.min && !this.value ){
    this.value = this.min;
  }
});

<input type="date" min="2021-08-08">