HTML5 输入日期,最大不工作 Firefox

HTML5 input date, max not working Firefox

我正在尝试向我的 HTML5 输入元素添加最大日期。它在 chrome 中运行良好,并且在 Firefox 中运行良好。在 Firefox 中,我设置了最大值,当使用 GUI 作为日期选择器时,我无法选择超过它的日期。但如果我输入一个日期,它仍然可以超过最大限制。有办法解决吗?

<input class="form-control me-md-5" type="date" max="2999-12-31" name="noteDate" id="noteDate" />

您可以输入大于最大值的值,但是当您尝试提交包含该输入的表单时,您会收到一条错误消息。

据我所知,Firefox 92 中的行为与 Chrome 94 中的行为没有什么不同,后者还允许您输入最大日期之后的日期,并且不会显示错误直到您提交表格。

如果您想要更多反馈,可以使用 the :invalid pseudo-class 在值无效时将样式应用于控件。