如何使用BootStrap datepicker禁用過去的日子和週末？

-1

我有一個BS輸入type="date"，我所要做的就是在日曆中禁用過去的日子和週末。我嘗試了很多在互聯網上發現並由我發明的代碼片段，但沒有任何工作，可能是因爲我不瞭解如何讓它們工作。如何使用BootStrap datepicker禁用過去的日子和週末？

所以請幫助。任何提示將不勝感激。

這裏是我的html：

<div class="form-group"> 
    <label class="control-label col-sm-2" for="date" ">Date:</label> 
    <div class="col-sm-2"> 
     <input type="date" class="form-control" id="datepicker"> 
    </div> 
</div>

來源

2016-11-12 Robert Ross

http://stackoverflow.com/questions/21396605/ html5-datepicker-prevent-past-dates – Pranjal

嘗試以下，則表示最小日期在此控制&週末關閉。

$(function() { 
     $("#datepicker").datepicker({ 
     beforeShowDay: $.datepicker.noWeekends, 
     minDate : 'now' 
    }); 
});

來源

2016-11-12 10:15:45 ScanQR

這是否適合你？因爲我試過了，它不起作用。我只是想知道我做錯了什麼.. –

@RobertRoss更新週末禁用 – ScanQR

謝謝，但仍然無法正常工作.. –

您可設置一個起始的數據是這樣的：

var date = new Date(); 
date.setDate(date.getDate()-1); 

$('#date').datepicker({ 
    startDate: date 
});

和disble你想要任何與此一天：

$('#datepicker').datepicker({ 
    daysOfWeekDisabled: [0,6] 
});

來源

2016-11-12 10:18:40

如何使用BootStrap datepicker禁用過去的日子和週末？

回答

相關問題