Min & Max date on Calendar control Angular 6

Hi,

If possible to use third party component , You can use primeng.

https://www.primefaces.org/primeng/#/calendar

+1

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.

+1

hello MS_DEV

declare at Typescript

HTML

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

-1