Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/438.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何从JS更改输入类型日期的最大值或最小值_Javascript_Html - Fatal编程技术网

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或元素之后。