主页 / 问题 / 597651
Accepted
drtvader
Asked:2020-11-30 17:24:03 +0000 UTC2020-11-30 17:24:03 +0000 UTC

如何从输入中获取数据？

  • 772

你好！有一段代码： 

<div class="input-inner">
    <form>
        <input type="date" class="firstDate" name="firstDate">
        <input type="date" class="secondDate" name="secondDate">
    </form>
</div>

如何用JS随时随地接收数据？那些。不按按钮
检查在字段中填写日期并比较这两个日期是否正确？ 

    var firstDate = document.getElementsByClassName("firstDate")[0].value;
    var secondDate = document.getElementsByClassName("secondDate")[0].value;

    function formatDate(date) {

        var dd = date.getDate();
        if (dd < 10) dd = '0' + dd;

        var mm = date.getMonth() + 1;
        if (mm < 10) mm = '0' + mm;

        var yy = date.getFullYear() % 100;
        if (yy < 10) yy = '0' + yy;

        return dd + '.' + mm + '.' + yy;
    }

    var d = new Date(2014, 0, 30);

有这样一段代码，但我不知道如何进一步处理它，我会用 jquery 来完成，但这里需要在纯 JS 中如何使用 formatDate 函数检查此数据

javascript

2 个回答

  1. Best Answer

        function onDateChange(obj)
    {
    console.log(obj.name,obj.value);
    }
 
        <div class="input-inner">
        <form>
            <input onchange="javascript:onDateChange(this);" type="date" class="firstDate" name="firstDate">
            <input onchange="javascript:onDateChange(this);" type="date" class="secondDate" name="secondDate">
        </form>
    </div>

    • 2 

  2. function formatDate(date) {
  var firstDate = document.getElementsByClassName("firstDate")[0].value;
  var secondDate = document.getElementsByClassName("secondDate")[0].value;
  if (firstDate && secondDate) {
    d1 = new Date(firstDate);
    d2 = new Date(secondDate);
    var tmp = d1 - d2;
    if (tmp > 86400000) {
      document.getElementById("output").innerHTML = "<=====";
    } else {
      document.getElementById("output").innerHTML = " =====>";
    };
  }
}
    #output {
  color: red;
}
    <div class="input-inner">
  <form>
    <input type="date" class="firstDate" name="firstDate" onchange="formatDate(this.value);">
    <input type="date" class="secondDate" name="secondDate" onchange="formatDate(this.value);">
  </form>
</div>
<span id="output"></span>

    • 1

相关问题