我們如何才能使日曆中的所有過去日期無法選擇？

我有一個html5日曆type="datetime"。我希望過去的日期無法選擇。我們如何才能使日曆中的所有過去日期無法選擇？

<input class="form-control" type="datetime" date-time auto-close="true" view="date" 
datepicker-options="dateOptions" min-view="date" maxlength="10" format="dd/MM/yyyy" 
ng-model="$ctrl.DateInput" required="true">

所有的矩形內的日期應該是禁止狀態。

有人可以幫助我嗎？

來源

2016-11-29 H Varma

你試過'分鐘= 「新的Date（）」'？ – Satpal

是的..但沒有運氣 –

使用Javascript，您可以設置日期控件的min屬性。你也可以從你的ViewModal中設置它。

var today = new Date().toISOString().split('T')[0]; 
 
document.getElementsByName("date-control")[0].setAttribute('min', today);

<input name="date-control" type="date">

來源

2016-11-29 12:03:34

是的..這是確切的修復; https://recalll.co/app/?q=Disable%20certain%20dates%20from%20html5%20datepicker –

Iam使用角度js ..我不能使用document.getElement的名字..MOre在我的情況下，日曆是不同於在scrrenshot ..我可以在這種情況下使這項工作 –

使您的ng模型作爲一個對象，並將其綁定到min屬性。 –

我們如何才能使日曆中的所有過去日期無法選擇？

回答

相關問題