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

Posted

技术标签:

【中文标题】如何在 html 代码中禁用以前的日期?【英文标题】:How can i disable the previous dates in html code? 【发布时间】:2016-01-29 04:12:51 【问题描述】:

我尝试了很多我在网上找到的方法,但没有什么对我有用。请帮我弄清楚,非常感谢。

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

<!-- 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 -->

【问题讨论】:

能否请您发布您的整个代码以便更好地理解。 @山姆 嗨。这实际上是我的日期属性的全部代码。我没有使用任何 jquery 或 javascript 【参考方案1】:

使用元素的 min 属性

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

 document.getElementById("myDate").min = new Date().getFullYear() + "-" +  parseInt(new Date().getMonth() + 1 ) + "-" + new Date().getDate()
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>

【讨论】:

默认情况下如何获取之前的日期(今天是 28-10-2015)?我的意思是我不想硬编码日期。 我忘了,谢谢你的回答:D

以上是关于如何在 html 代码中禁用以前的日期?的主要内容,如果未能解决你的问题,请参考以下文章

如何在 JQuery Datepicker 中禁用以前的日期

如何在日期选择器中禁用自定义日期以及以前的日期?

如何在 iOS 的 UIDatePicker 中禁用以前的时间

如何在日历中禁用回溯日期

如何在日期选择器中禁用上一个日期

如何禁用日历中的未来日期? [复制]