Question

为了用户无法选择它们，我想灰色或禁用前几天，我尝试minDate= 0或new date()但它不起作用，所以我手动完成，但我仍然有用灰色代码的代码。

日期选择器：

<div id="datepicker" class="input-group date" data-date-format="dd-mm-yyyy">
                <input class="form-control" type="text" readonly />
                <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
            </div>

代码在日期选择器的日期小于变更时的今天时显示警告

 //Disable pastdays

 var today = new Date();
 var dd = today.getDate();
 var mm = today.getMonth()+1;
 var yyyy = today.getFullYear();
 if(dd<10){dd='0'+dd;}
 if(mm<10){mm='0'+mm;}
 var today = dd+'-'+mm+'-'+yyyy;
   jQuery( "#datepicker .form-control" ).change(function() {
      if (jQuery("#datepicker .form-control").val() < today) {
              alert('You can not select a date lower than today!')
      }
   });
 //end Disable pastDay

Answer 1

在datepicker配置对象中放置 startDate：new Date（）

 $("#datepicker").datepicker({ 
      autoclose: true, 
      todayHighlight: true,
      startDate: new Date()
 });

Answer 2

在代码下方使用已禁用的datepicker

jQuery("#datepicker .form-control").change(function (e) {
            if (jQuery("#datepicker .form-control").val() < today) {
                alert('You can not select a date lower than today!');
                jQuery(this).attr("disabled", "disabled");
            }
        });

Answer 3

试试这个。这可以在提供的代码集中按照文档进行操作。

<div id="datepicker" class="input-group date" data-date-format="mm-dd-yyyy" data-date-end-date="0d">

data-date-end-date =＆＃34; 0d＆＃34; 将禁用今天之后的所有日期。

在datepicker中禁用或灰显前几天

3 个答案: