Min & Max date on Calendar control Angular 6

Question

Hi, I have a custom date-picker that displayes calendar control in my application. I have a situation where the user has to select days which are greater than today and less than 4 months from now. can someone help me with this ? I trien with placing two minDate & maxDate controls but its not working. thanks,

Veerendra Annigere · Answer

Hi, If possible to use third party component , You can use primeng. https://www.primefaces.org/primeng/#/calendar

Mohd Kashif · Answer

Hi MS_DEV Use below code and preimng :- minDate: Date; maxDate: Date; ngOnInit() { let today = new Date(); let month = today.getMonth(); let year = today.getFullYear(); let prevMonth = (month === 0) ? 11 : month -1; let nextMonth = (month === 11) ? 0 : month + 4; this.minDate = new Date(); this.maxDate = new Date(); this.minDate.setMonth(prevMonth); this.maxDate.setMonth(nextMonth); } I hope this will be helpful.

Gajendra Jangid · Answer

hello MS_DEV declare at Typescript minDate = moment( new Date()).format( 'YYYY-MM-DD' ) maxDate = "2018-09-08" HTML input class = "form-control" type = "date" [min]="minDate" [max]="maxDate" > Please check below links : https://stackblitz.com/edit/angular-minmax-dae-validation https://www.code-sample.com/2018/03/angular-5-datepicker-min-max-date.html

Min & Max date on Calendar control Angular 6

Answers (3)