Question

我有两个输入类型日期，如：

<input type="date" name="first_date">

和其他类似：

<input type="date" name="second_date" min="first_date">

现在我要做的是，当first_date被选中时，second_date的最小范围由javascript自动填充。

知道怎么做。

Answer 1

Ajax是XMLHttpRequest对象，我怀疑你想要调用服务器。

使用onchange事件设置属性的基本JavaScript。

document.getElementById("firstDateId").onchange = function () {
    var input = document.getElementById("secondDateId");
    input.setAttribute("min", this.value);
}

使用addEventListener可以更好地编写代码。

Answer 2

我同意epascarello的回答，只有您可以使用setAttribut("min/max")或.min替换.max。

document.getElementById("firstDateId").onchange = function ()
{
  var input = document.getElementById("secondDateId");
  input.min = this.value;
}

Answer 3

您应该能够在元素上使用JavaScript的.setAttribute('min',date)。有关详细信息，请查看W3C。如果你想使用库，还有jQuery的.attr('min',date)。

如何从JS更改输入类型日期的最大值或最小值

3 个答案: