如何在html代码中禁用以前的日期?

时间:2015-10-29 06:14:32

标签: html datetime datepicker

我尝试了很多在网上找到的方式,对我来说没什么用。请帮我弄清楚并多谢。

这是我的代码。 现在我只使用简单的日期/日历,因为我找不到任何其他东西。它工作正常,但我需要系统不能选择以前的日期。

<!-- Date -->
<div class="box-body">
    <div class="form-group">
        <label class="col-sm-2 control-label">Date:</label>
        <div class="col-sm-10">
            <input type="date" name="date"/>
        </div>
    </div>
</div><!-- /.box-body -->

1 个答案:

答案 0 :(得分:1)

使用元素的min属性

 <input id='myDate' type="date" name="date" min="2015-10-28"/>

&#13;
&#13;
 document.getElementById("myDate").min = new Date().getFullYear() + "-" +  parseInt(new Date().getMonth() + 1 ) + "-" + new Date().getDate()
&#13;
Date:
<input type="date" id="myDate" name="bday" min="2015-10-28" >


<p><strong>Note:</strong> input elements with type="date" are not supported in Internet Explorer or Firefox.</p>
&#13;
&#13;
&#13;