时间戳

首页 > 解决方案 > Javascript：如何使用 Javascript var 将 html 代码中的输入 type="date" 作为最小值进行比较？

javascript - Javascript：如何使用 Javascript var 将 html 代码中的输入 type="date" 作为最小值进行比较？

问题描述

用户将输入信用卡的到期日期并检查当前日期。

<html>
    <script>
        var today = new Date();
        var month = today.getMonth();
        var year = today.getFullYear();
    </script>

    <body>
          <input type="date" id="date" name="trip" value="2018-10-13" min="" max="2020-12-31" />
    </body>
</html>

标签： javascript

解决方案

您可以使用 Javascript Date实例。假设您可以确保用户将以 format 输入日期2018-10-13，您可以添加一个侦听器来检测用户何时添加了日期，并将该日期与今天的日期进行比较：

<script>
    document.getElementById("dateInput").addEventListener("change", function() {
        var dateEntered = new Date(input);
        console.log(dateEntered); //e.g. Fri Oct 12 2018 00:00:00 GMT+0000 (GMT Standard Time)
        var today = new Date();
        console.log(today); //e.g. Thu Oct 11 2018 00:00:00 GMT+0000 (GMT Standard Time)
        console.log(dateEntered > today); // If true, means dateEntered is after today's date, meaning the credit card has not expired.
    });
</script>

推荐阅读