javascript - 验证月/年是否大于当前日期

Question

这个问题已经有答案了:

Compare two dates with JavaScript (47 个回答)

已关闭 3 年前。

我正在尝试在表单上添加验证 type =“month” 字段，以便如果输入的日期不大于当前日期，它将发出警报。

到目前为止，iv 设法使用 onlcick 将功能链接到我的提交按钮， iv 得到了一个变量，该变量获取当前日期并将其存储在另一个变量中，并且 iv 尝试编写 if/else 语句，但我认为逻辑不正确。

我只会显示适用于我的问题的代码，如果需要更多代码，我可以提供。

我的表格:

    <div id="container">
    <form method="post" action="www.someplace.php" id="MovieForm">
         <div id="col-50">
            <label for="expmonth">Expiry Date</label>
            <input type="month" id="expmonth" name="expmonth">
                   </div>
<div id="col-50">
        <button type="submit"  onclick="return ValidateForm();"  id="btn"><Strong>Proceed to checkout</Strong> </button>
          </div>
      </form>

我的 JS 函数:

<script>
function ValidateForm() {
  var expValidate = document.getElementById("expmonth").value;
  var today = new Date();
  var date = today.getFullYear()+'-'+(today.getMonth()+1)
  var isValid = false;

    if (expValidate > today) {
        isValid = true;
        alert("correct month") 
    }
    else {
        alert("Wrong month")
        return false;
    }
}

因此，如果我要运行该代码并输入高于当前日期的日期，它会给我一个警告，说“错误的月份”，然后将我返回到表单(即使它应该说“正确的月份”，然后发送我到下一页)。

但是，如果我运行代码并输入比当前日期低的月份，也会发生同样的情况，它仍然会显示消息“错误的月份”，然后将我返回到表单。

Answer 1

试试这个。它应该可以使用日期输入类型来匹配日期。

<input type="date" id="expmonth" name="expmonth">

function ValidateForm() {
    var date = new Date($('#expmonth').val());
    console.log(date);
    var today = new Date();
    console.log(today);

    if (date >= today) {
        isValid = true;
        alert("correct month") 
    } else {
        alert("Wrong month")
        return false;
    }
}