如何从今天起禁用过去的日期's在日历控件中的日期

How to disable past dates from today's date in calendar controle?

本文关键字:日期 日历 控件 过去 从今天起      更新时间:2023-09-26

我有一个引导程序日历控件,无法从今天的日期禁用过去的日期。请帮忙解决。我的控制是

<div class="span6"> 
     <div class="input-append date date-picker" id="datetimepicker" data-date-viewmode="years" data-date-format="dd/mm/yyyy" data-date="today">                                                        
     <asp:TextBox ID="txtDate" runat="server" placeholder=" Select Sem Start Date" CssClass="large m-wrap"/> 
      <span class="add-on" style="display: none;"> </span>
      </div>
      <asp:Label ID="lbldatecompare" runat="server" Text="Not allowed select past date" ForeColor="Red" Visible="false"></asp:Label>
      <asp:TextBox ID="txtValue" runat="server" Text="" /> 
</div>

我尝试了以下功能

 <script type="text/javascript">
   $(function () {
       $('#datetimepicker').datetimepicker({ minDate: new Date() });
   });
   </script>

帮我解决这个问题。

禁用未来日期

  $('#datetimepicker1').datetimepicker({
        format: 'DD-MM-YYYY',
        maxDate: new Date
    }); 

禁用过去日期

$('#datetimepicker2').datetimepicker({
    format: 'DD-MM-YYYY',
    minDate: new Date
});

试试这个给mindate零,它会禁用过去的日期。

   $('#datetimepicker').datetimepicker({ minDate: 0});

var date = new Date();
var today = new Date(date.getFullYear(), date.getMonth(),date.getDate());
$('#date').datepicker({ 
minDate: today
});