min date in DatePicker

[Neeraj]

 Hello,
            I want to have MVVM DatePicker with Min Date. 

I tried 2 methods:

1) Using Open event :

<input data-role="datetimepicker" data-format="dd-MMM-yyyy hh:mm:ss tt" required validationMessage="!" name="DepartureDate" class="DepartureDate" data-parse-formats="['dd-MMM-yyy','dd-MMM-yy','dd.MM.yyyy','dd.MMM.YYYY','dd.mm.yy','dd.MMM.yy','ddMMyyyy','ddMMyy','ddMM','ddMMM','dd-MM-yyyy hh:mm:ss' ]"
 data-bind="value: DepartureDateTime, events:{open: OnOpenAirRequestDatePicker}" data-min="#: new Date() #" />
            <span data-for='DepartureDate' class='validation'></span>

 

This works when someone opens date icon to select date. If user directly write old date it takes as input until OPEN event is not triggered.

2) Using data-min attribute:

<input data-role="datetimepicker" data-format="dd-MMM-yyyy hh:mm:ss tt" data-min="#: new Date() #" required validationMessage="!" name="DepartureDate" class="DepartureDate" data-parse-formats="['dd-MMM-yyy','dd-MMM-yy','dd.MM.yyyy','dd.MMM.YYYY','dd.mm.yy','dd.MMM.yy','ddMMyyyy','ddMMyy','ddMM','ddMMM','dd-MM-yyyy hh:mm:ss' ]" data-bind="value: ArriveDepartDetails.DepartureDateTime, events:{open: OnOpenAirRequestDatePicker}" data-min="#: new Date() #" />
            <span data-for='DepartureDate' class='validation'></span>

 

this works and value binds if value is future date , in case of old date then today , value doesnt bind. 

I want to restrict user also from entering old dates directly without selecting

 

 

 

 

 

 

 

[Konstantin Dikov]

Hello Neeraj,

The "min" property restricts the user from entering value prior to the min value and such values will not be bound to the widget. From my understanding, if the value must be a future date, this should also be applied to the existing value.

If I have misunderstood the exact requirement, could you please provide a dojo example replicating the behavior and elaborate what is the exact result that you want to achieve:

• https://dojo.telerik.com/

 

Regards,
Konstantin Dikov
Progress Telerik

[Neeraj]

you understood correctly , and one more thing in case of edit record if date is previous date what will happen, will it get date ? My new record and edit record form are same and has same date-picker. 

[Konstantin Dikov]

Hello Neeraj,

When the stored date in the model is before the date set in the "min" property of the DataPicker, the value will not be bound and the picker will remain empty. This could be tested in the following dojo example: 

• https://dojo.telerik.com/IdoxuCIK/2

Hope this helps.


Regards,
Konstantin Dikov
Progress Telerik