Hi,
I am using ig-date-picker. i want to set min and max value dynamically. but its not taking it.
HTML:
<ig-date-picker #igwidget testClass="dtPicker-project-plannedStartDate" name="QProject/QProject/PlannedStartDate" [(ngModel)]="model.plannedStartDate" (valueChanged)="modifyProject('plannedStartDate', $event)" [options]="datePickerOptions"></ig-date-picker>
TS:
this.datePickerOptions ={ regional: this.language,
datepickerOptions: {
maxDate: new Date(this.maxDate) } }
but max date do not change dynamically.
Could you please help?
ig-date-picker does not have option maxDate. You can set disabled dates instead.
You can look for this calendar sample about the disabled dates:
https://es.infragistics.com//angularsite/components/calendar.html#disabled-dates
Here are more samples for the ig-date-picker:
https://es.infragistics.com//angularsite/components/date_picker.html
Here is the documentation for the ig-date-picker:
https://es.infragistics.com/products/ignite-ui-angular/docs/typescript/latest/classes/igxdatepickercomponent.html
Hi Nadia,
Thanks for your response.
maxDate is working fine for me. it is present under datepickerOptions.
My issue is when i make change in maxDate dynamically and try to select date using ig-date-picker.
it emits events twice 1st time it takes correct value but 2nd time it takes todays date.
HTML code :
<ig-date-picker #igwidget [(ngModel)]="model.plannedStartDate"
(ngModelChange)="modifyProject('plannedStartDate', $event)"
[datepickerOptions]="{maxDate:model.plannedEndDate}"
[regional]="language">
</ig-date-picker>
"model.plannedEndDate" i set dynamically. when i change this and try to select date it creates issue and select todays date.