In Angular 4, how to dynamically set min date and max date in date picker?

I am trying to show disable past dates from current date, meaning user should not select past date from date picker.

Below is the code I am using to set min date in Datepicker

Component.html

<input type="text" formControlName="eventStart" [(ngModel)]="event_start" class="form-control pull-right"
id="event_start" required placeholder='{{ "EVENT.FORM.START_DATE" | translate }}'>

<input type="text" formControlName="eventEnd" [(ngModel)]="event_end" class="form-control pull-right"
id="event_end" placeholder='{{ "EVENT.FORM.END_DATE" | translate }}'>


Component.ts

this.datePicker = jQuery('#event_start').datepicker({
autoclose: true,
orientation: 'left bottom',
});
this.datePicker = jQuery('#event_end').datepicker({
autoclose: true,
orientation: 'left bottom',
});

Continue reading...