Question

如何验证html <input type='date'/>比今天更大？

以下是我的代码：

<div class="form-group">
<label class="col-sm-2" for='id_dateOfBirth'>Birth Date </label>
<div class="col-sm-10">
    <input class='form-control' name="dateOfBirth" id='id_dateOfBirth' type='date'>
</div>

我想使用JavaScript检查日期是否比今天更大。

Answer 1

我从您的问题中了解的是 - ＆＃34;在发布表单之前，您要检查DOB字段的日期是否必须不超过今天的日期。＆＃ 34 ;.如果这是正确的，那么试试这个，希望这个帮助 -

<script type="text/javascript">
    function checkDOB() {
        var dateString = document.getElementById('id_dateOfBirth').value;
        var myDate = new Date(dateString);
        var today = new Date();
        if ( myDate > today ) { 
            $('#id_dateOfBirth').after('<p>You cannot enter a date in the future!.</p>');
            return false;
        }
        return true;
    }
</script>

Answer 2

如果可以使用php做： <input type="date" name="date1" max=<?php echo date('Y-m-d'); >

如果只有js：

document.getElementById("id_dateOfBirth").setAttribute("max", today);

今天是2017-03-10 得到这个日期使用例如：

      new Date().toJSON().split('T')[0]

验证出生日期大于今天？

2 个答案: