Javascript 如何在HTML输入类型date中重置为min date

我正在html5日期输入中设置最小日期，但我仍然可以使用日期向上/向下箭头选择最小日期之前的日期

例如，我已将最小日期设置为

2018-02-22

，但一旦我使用向下箭头选择了月份或日期，就会选择最小日期之前的日期

我可以使用任何HTML日期属性限制它吗

设置最小日期并选择它

能够在控制台中选择上一个日期和获取日期

document.getElementById（'button'）.addEventListener（'click'，function（）{
var x=document.getElementById（'date'）。值；
控制台日志（x）；
})

Get Date

似乎只有在您尝试提交值时，浏览器才强制执行min和max

如果使用“最小”和“最大”限制可用日期（请参见设置 最长和最短日期），支持的浏览器将显示错误 如果您试图提交超出设定界限的日期。然而， 您必须检查结果以确保值在这些范围内 日期，因为它们仅在日期选择器完全启用时才强制执行 在用户的设备上受支持

但您可以使用JavaScript轻松验证该值：

document.getElementById（'button'）.addEventListener（'click'，function（）{
var x=document.getElementById（'date'）。值；
控制台日志（x）；
});
document.getElementById（'date'）。addEventListener（'change'，function（）{
如果（this.value

获取日期为此（我仍然可以使用日期向上/向下箭头选择最小日期之前的日期）您还应该设置最大日期，如下所示

<input type="date" min="2018-02-22" id="date" max="2018-02-28"> 


您正在使用哪个浏览器？可能是浏览器没有正确执行最小/最大日期。我使用的是Chrome版本64.0.3282.119（32位），似乎每个浏览器的实现方式都不同。我在Edge browser上进行了检查，在那里没有看到任何向上/向下箭头。因此，您可以使用CSS隐藏向上/向下箭头，也可以显式使用Javascript来防止将日期值更改到最小值以下。@CapeAndCowl是的，每个浏览器都有自己的输入类型的本地处理日期浏览器在文本框上没有很好地实现最小/最大限制，如果有的话。如果您想要防止文本被更改为无效的内容，您可能应该查看日期选择器控件库。