2016-11-29 84 views
1

私はtype="datetime"のhtml5カレンダーを持っていました。私は過去の日付を選択できないようにしたい。長方形の中カレンダーの過去の日付をすべて選択不可にするにはどうすればよいですか?

<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"> 

enter image description here

すべての日付はディスエーブル状態にする必要があります。

誰かが私を助けることができますか?

+1

あなたは ''分= "新しいDate()" を試したことがありますか? – Satpal

+0

はい、いいえ運は –

答えて

1

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">

+0

はい。これは正確な修正です。 https://recalll.co/app/?q=Disable%20certain%20dates%20from%20html5%20datepicker –

+0

角度jsを使用してIam ..私は使用できません。document.getElementを名前で使用してください。私の場合、カレンダーはscrrenshotとは異なります。どうすればいいのですか? –

+0

ng-modelをオブジェクトとして作成し、min属性にバインドします。 –

関連する問題