如何在日历中禁用过去的日期?使用HTML0

如何在日历中禁用过去的日期?使用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">

如何使用下面的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"><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。你到底在问什么?我已经通过添加代码编辑了我的问题。请务必查看它可能的副本