将“今天”日期与表单中的输入日期进行比较答案

【问题标题】：Compare "today" date with input date from form将“今天”日期与表单中的输入日期进行比较
【发布时间】：2018-01-10 19:16:25
【问题描述】：

如何将“今天”与输入中的另一个日期进行比较？
我正在做这样的事情，但它不起作用，无法弄清楚出了什么问题。

function ControlloGiorniPrenotazione() {
  var today = new Date();
  var date_from = document.getElementById("date_from").value;

  if (today >= date_from) {
    document.getElementById("controllo_giorni").innerHTML = "You cannot select today or the days before.";
  }

}

<html>
  <body>
  
    <form>

      <input type="date" name="date_from" oninput="ControlloGiorniPrenotazione()">
      <font color="red"><span id="controllo_giorni"></span></font>

    </form>
  
  </body>
</html>

感谢您的帮助！

【问题讨论】：

你还没有把id给input
并且由于没有 id 那么应该在控制台中看到错误以尝试从未定义的节点获取值。检查您的控制台是否有错误，并在遇到问题时在此处注明

标签： javascript html forms date input

【解决方案1】：

您正试图通过其 ID 获取输入元素，但它没有 ID。您可以添加它或通过其他方式获取元素。

接下来，您应该通过调用 new Date() 将值从日期字符串转换为 Date 对象，以便您可以正确地将其与今天的日期进行比较。

function ControlloGiorniPrenotazione() {
  var today = new Date();
  var date_from = document.getElementById("date_from").value;
  date_from = new Date(date_from)
  if (today >= date_from) {
    document.getElementById("controllo_giorni").innerHTML = "You cannot select today or the days before.";
  }

}

<html>
  <body>
  
    <form>

      <input id="date_from" type="date" name="date_from" oninput="ControlloGiorniPrenotazione()">
      <font color="red"><span id="controllo_giorni"></span></font>

    </form>
  
  </body>
</html>

【讨论】：

谢谢！那是我的新手错误。我觉得自己是个白痴。

【解决方案2】：

您试图通过 id 获取元素：document.getElementById("date_from")，但您的 input 没有 id 属性。将 HTML 中的 input 更改为：<input id="date_from" type="date" name="date_from" oninput="ControlloGiorniPrenotazione()">，它将正常工作：

function ControlloGiorniPrenotazione() {
  var today = new Date();
  var date_from = document.getElementById("date_from").value;

  if (today >= date_from) {
    document.getElementById("controllo_giorni").innerHTML = "You cannot select today or the days before.";
  }

}

<html>
  <body>
  
    <form>

      <input id="date_from" type="date" name="date_from" oninput="ControlloGiorniPrenotazione()">
      <font color="red"><span id="controllo_giorni"></span></font>

    </form>
  
  </body>
</html>

【讨论】：