我不确定是否有办法解决这个问题,但是当您使用 input type="date"
时,Firefox 的运行效果不佳与 min=
属性:它总是在当前月份打开日期选择器,而不是最小有效日期开始的月份。如果日期是将来的日期,这尤其令人烦恼。
例如:
<input type="date" min="2021-08-04">
(请参阅 Firefox 中的 JSFiddle。)
用户必须手动滚动几个月,直到最终到达可用的月份。不太理想!
最佳答案
绕过此行为的一种方法是按照注释中的建议为输入设置一个值。而不是设置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">
关于date - Firefox 输入类型=日期最小值未在最小有效月份打开,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48461152/