itay pro commented 6 years ago

I sent you a demo

I sent you a demo

Please insert min. 15 characters.

Publish

---

Arkadiusz Idzikowski staff commented 6 years ago

Thanks for the example code. You didn't call the 'updateDatePicker()' function in ngOnInit. After this change it should work correctly. You should also specify IMyOptions type for options object. If you will have further problem with changing options please try to overwrite whole myDatePickerOptions object insted of setting it's specific parameter - it should trigger Angular change detection. Best, Arek

Thanks for the example code. You didn't call the 'updateDatePicker()' function in ngOnInit. After this change it should work correctly. You should also specify IMyOptions type for options object. If you will have further problem with changing options please try to overwrite whole myDatePickerOptions object insted of setting it's specific parameter - it should trigger Angular change detection. Best, Arek

Please insert min. 15 characters.

Publish

---

itay pro commented 6 years ago

Sorry, I don't understand what to do updateDatePicker() is called on runtime by clicking on the button, not on ngOnInit(). What is IMyOptions ? Is it working for you ? Can you share the working code ?

Sorry, I don't understand what to do updateDatePicker() is called on runtime by clicking on the button, not on ngOnInit(). What is IMyOptions ? Is it working for you ? Can you share the working code ?

Please insert min. 15 characters.

Publish

---

Arkadiusz Idzikowski staff commented 6 years ago

Import ImyOptions import { IMyOptions } from 'ng-uikit-pro-standard'; Add ImyOptions type to myDatePickerOptions myDatePickerOptions: IMyOptions = {}; and change your updateDatePicker function code to: this.myDatePickerOptions = { disableUntil: { year: 2018, month: 7, day: 15 } // Disable dates backward starting from the given date. }

Import ImyOptions import { IMyOptions } from 'ng-uikit-pro-standard'; Add ImyOptions type to myDatePickerOptions myDatePickerOptions: IMyOptions = {}; and change your updateDatePicker function code to: this.myDatePickerOptions = { disableUntil: { year: 2018, month: 7, day: 15 } // Disable dates backward starting from the given date. }

Please insert min. 15 characters.

Publish

---

itay pro commented 6 years ago

Much better ! However, when I set myDatePickerOptions as suggested, all other settings, such as localization are lost. this.myDatePickerOptions = { disableUntil: { year: 2018, month: 7, day: 15 } // Disable dates backward starting from the given date. } Setting only the disableUntil doesn't affect the component at all this.myDatePickerOptions.disableUntil = { year: 2018, month: 7, day: 10 }; What should I do to preserve other settings ?

Much better ! However, when I set myDatePickerOptions as suggested, all other settings, such as localization are lost. this.myDatePickerOptions = { disableUntil: { year: 2018, month: 7, day: 15 } // Disable dates backward starting from the given date. } Setting only the disableUntil doesn't affect the component at all this.myDatePickerOptions.disableUntil = { year: 2018, month: 7, day: 10 }; What should I do to preserve other settings ?

Please insert min. 15 characters.

Publish

---

Arkadiusz Idzikowski staff commented 6 years ago

Try something like this: updateDatePicker() { this.myDatePickerOptions.disableUntil = { year: 2018, month: 7, day: 15 }; // Disable dates backward starting from the given date. this.myDatePickerOptions = {...this.myDatePickerOptions} } It should trigger change detection without overwriting your other options.

Try something like this: updateDatePicker() { this.myDatePickerOptions.disableUntil = { year: 2018, month: 7, day: 15 }; // Disable dates backward starting from the given date. this.myDatePickerOptions = {...this.myDatePickerOptions} } It should trigger change detection without overwriting your other options.

Please insert min. 15 characters.

Publish

---

itay pro commented 6 years ago

Excellent !

Excellent !

Please insert min. 15 characters.

Publish

---

wilkier free commented 4 years ago

This works for me, try this: // ref to your datePicker -----------> @ViewChild('datePicker', { static: true }) datePicker: MDBDatePickerComponent;

// code to update values ---------->this.datePicker.opts.disableUntil = {year:2020, month:04, day : 08}

<p>This works for me, try this: // ref to your datePicker -----------> @ViewChild('datePicker', { static: true }) datePicker: MDBDatePickerComponent;</p> <p>// code to update values ---------->this.datePicker.opts.disableUntil = {year:2020, month:04, day : 08}</p>

Please insert min. 15 characters.

Publish

---