How to set maxDate in client-side

[Chris]

Hi,
I have a datepicker and need to reset it and change its max and min date dynamically using javascript. But after I set the max and min date, and select a date, the maxDate always changes and cause the date validation returns error. Below is my javascript code:

fromPicker.maxDate = tEndDate;
fromPicker.minDate = tStartDate;
fromPicker.$calendar().data("tCalendar").maxDate = tEndDate;
fromPicker.$calendar().data("tCalendar").minDate = tStartDate;
fromPicker.value("");
fromPicker.focusedDate = tStartDate;

After running these codes, maxDates is OK. The calendar can correctly only enable dates inside the date range. But after I select a date, the validator returns error, and I found maxDate has changed(mostly a month later to minDate). How can I reset the datepicker and set maxDate correctly?
Thanks a lot.

[Georgi Krustev]

Hello Chris,

You need to use min() and max() methods to set minDate and maxDate of the datepicker. Check this online demo devoted on the same matter.
 

Kind regards,
Georgi Krustev
the Telerik team

[Chris]

Hello Georgi,
Works like a charm, thanks a lot