Javascript 如何从JS更改输入类型日期的最大值或最小值
我有两个输入类型日期,如:Javascript 如何从JS更改输入类型日期的最大值或最小值,javascript,html,Javascript,Html,我有两个输入类型日期,如: <input type="date" name="first_date"> 以及其他类似: <input type="date" name="second_date" min="first_date"> 现在我想做的是,当选择first_date时,javascript会自动填充second_date的最小范围 知道怎么做吗。基本JavaScript使用onchange事件设置属性 document.getElementById(&
<input type="date" name="first_date">
以及其他类似:
<input type="date" name="second_date" min="first_date">
现在我想做的是,当选择first_date
时,javascript会自动填充second_date
的最小范围
知道怎么做吗。基本JavaScript使用onchange事件设置属性
document.getElementById("firstDateId").onchange = function () {
var input = document.getElementById("secondDateId");
input.setAttribute("min", this.value);
}
使用addEventListener可以更好地编写代码。您应该能够在元素上使用JavaScript的
.setAttribute('min',date)
。有关详细信息,请咨询。如果你想使用一个库,还有jQuery的.attr('min',date)
。我同意epascarello的回答,只有你可以用.min
或.max
替换setattribute(“min/max”)
document.getElementById("firstDateId").onchange = function ()
{
var input = document.getElementById("secondDateId");
input.min = this.value;
}
Ajax((堆栈溢出))(强烈)意味着您希望从服务器获得响应以执行某些操作;从您的问题来看,似乎您只想使用JavaScript(完全是客户端的)。你能澄清一下吗?Ajax(异步JavaScript和XML)就是JavaScript;但我猜你是指客户端?你使用的浏览器在html日期输入上支持min吗?并非所有浏览器都支持该字段上的min。我在用歌剧。它确实支持min属性。我试过这样的代码<代码>,它可以工作,但是当我在
标记之间编写它时,它不工作。您可能是在元素呈现之前添加它。控制台中是否有错误?代码需要添加到dom就绪、窗口onload或元素之后。