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

Question

我不知道是否有办法解决,但是当你使用Firefox浏览器不能很好地发挥input type="date"了min=属性:它总是打开日期选择在当前月份,而不是其中最小有效日期开始的月份.如果日期是将来,这尤其令人讨厌.

例如:

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

(参见Firefox中的JSFiddle.)

用户必须手动滚动月份,直到他们最终到达可用的那个月.不太理想!

Answer 1

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

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

在MDN页面上,在"事件"部分中仅提及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">