首页 > 解决方案 > 检查两个日期之间的差异并显示自定义消息

问题描述

您好,我在注册表单上输入了内容,想检索输入的值并使用 JavaScript 将其与当前日期进行比较,如果年龄小于 18 岁,则在检查年龄后显示消息,并在输入底部显示自定义消息。

var dateControl = document.querySelector('input[type="date"]').getFullYear();
var startDate = new Date(document.getElementById('date1').value);

这是HTML

   <input type="date" name="date" class="form-control" id="date1" value="{{ old('date', date('Y-m-d')) }} " onclick="checkDate()">
                            <div id="currentdate"></div>

但每次点击后都会给出旧值。并且没有显示消息

此致

标签: javascriptjquerydate

解决方案


没有太多代码可以使用,但我认为您可能仍然需要此函数来比较您从表单收到的日期与当前日期并获得差异

    function process() {
      var today = new Date();
      var date = new Date(document.getElementById("date1").value);
      var diff = Number((today.getTime() - date.getTime()) / 31536000000).toFixed(0);
      if (diff >= 18) {
        // Your form submission goes here
        console.log("success");
      } else {
        // your error handeling goes here
        console.log("error");
      }
    }

PS:这种方法不会以确切的方式给您带来差异,它只会给您带来年份之间的差异。


推荐阅读