Angular 4 Date-Picker - Как ограничить будущие и прошлые дни
Я хочу ограничить будущие и прошедшие дни с помощью Angular 4 Date-Picker. Я просто хочу включить только Current Date[today]. Как я могу решить эту проблему.
У кого-нибудь может быть идея...???
Это мой шаблон:
<input type="text" placeholder="FromDate" class="form-control"
placement="top"
formControlName="fromDate"
[bsConfig]="{ dateInputFormat: 'DD-MM-YYYY' }"
bsDatepicker style="padding: 16px">
2 ответа
У bsDatepicker есть свойство [minDate]
а также [maxDate]
Таким образом, вы устанавливаете их на "сегодня" и внутри конструктора ваших компонентов:
component.ts
today=new Date();
component.html
<input ... bsDatepicker ... [minDate]="today" [maxDate]="today" ... >
В любом случае, использование указателя даты, когда вы действительно не позволяете пользователю выбирать дату, отличную от сегодняшней, не имеет смысла, вы можете по умолчанию установить ее на "сегодня".
Аналогично упомянутому выше, но в угловом соответствии с: https://material.angular.io/components/datepicker/api
component.ts
today = new Date()
component.html
<input matInput [min]="today" [max]="today">