禁用或灰色的日期選擇器中的前幾天

我想灰色或禁用前幾天爲用戶無法選擇它們的目的，我試過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

來源

2017-02-24 prince

您使用了40億日期選擇器中的哪一個？他們*所有*都有一種方法來禁用特定的日期 – Jamiec

與'<'符號比較日期是否好？ –

我不知道我用過這個：http://codepen.io/Yuping/pen/xqrjE @Jamiec – prince

把startDate：新的日期（）裏面你r datepicker配置對象

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

來源

2017-02-24 12:23:16

它的工作原理謝謝@Atanu Mallick只是想知道是否有可能在這些日子裏禁用某種顏色？ – prince

@ user7616808您會注意到，它爲禁用日期的所有表格單元格添加了一個'.disabled'類。你可以使用CSS來設計這些風格 – Jamiec

是的。謝謝 – prince

-1

使用下面的代碼爲禁用日期選擇器顯示一個警告

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"); 
      } 
     });

來源

2017-02-24 12:22:40

-1

試試這個。這在所提供的codepen中按照文檔工作。

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

數據日期結束日期=「0D」會後，今天禁止所有日期。

來源

2017-02-24 12:24:44

禁用或灰色的日期選擇器中的前幾天

回答

相關問題