如何在日历中禁用过去的日期?使用HTML0
如何使用下面的html代码禁用日历中以前的日期如何在日历中禁用过去的日期?使用HTML0,html,calendar,disabled-input,Html,Calendar,Disabled Input,如何使用下面的html代码禁用日历中以前的日期 <div class="form-group"> <label for="rank" class="cols-sm-2 control-label">Date</label> <div class="cols-sm-10"> <div class="input-group"> <span class="input-group-addon">
<div class="form-group">
<label for="rank" class="cols-sm-2 control-label">Date</label>
<div class="cols-sm-10">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-calendar" aria-hidden="true"></i></span>
<input type="date" id="txtDate" required="Required" class="form-control" name="txtDate" placeholder="Select suitable date" />
</div>
</div>
</div>
日期
这个问题的答案与您想要的答案非常相似。简而言之,您可以在
上设置min
属性,并且不允许选择该最小值之前的日期。要动态设置最小值,只需使用一点JavaScript,如下面的代码段所示
var today=new Date().toISOString().split('T')[0];
document.getElementsByName(“txtDate”)[0].setAttribute('min',今天)代码>
日期
这个问题的答案与您想要的答案非常相似。简而言之,您可以在
上设置min
属性,并且不允许选择该最小值之前的日期。要动态设置最小值,只需使用一点JavaScript,如下面的代码段所示
var today=new Date().toISOString().split('T')[0];
document.getElementsByName(“txtDate”)[0].setAttribute('min',今天)代码>
日期
什么?什么日历?您还没有提供任何HTML。你到底在问什么?我已经通过添加代码编辑了我的问题。请检查它是否可能重复什么?什么日历?您还没有提供任何HTML。你到底在问什么?我已经通过添加代码编辑了我的问题。请务必查看它可能的副本