Min/Max bindings for DatePicker and TimePicker

[Jonathan]

Is it possible to bind the Min & max settings for a time and date picker from a model? So if I have a StartDate and EndDate property I can make sure that startdate is always before the enddate and vise versa?

[Alexander Valchev]

Hello Jonathan,

I am afraid that this functionality is not supported at present. The developers are aware of that limitation and this feature will be included in our future releases.
Currently you can set up min and max values only through the configuration options.

Regards,
Alexander Valchev
the Telerik team

[Anil]

Hi, Is this functionality currently supported in Q2 release of Kendo UI

Thanks,
Anil

[Alexander Valchev]

Hello Anil,

To achieve this you can use custom bindings. I prepared a jsBin example that demonstrates the implementation:

• http://jsbin.com/eqidex/2/edit

Regards,
Alexander Valchev
Telerik

[Anil]

Hello Alexander, Is there an alternate mechanism to doing this other than custom bindings. has anything been done on this for the 2014 Q1 release.

Thanks,
Anil

[Alexander Valchev]

Hello Anil,

Since Q1 2014 the DatePicker supports min/max values as HTML attributes. For example:

<input id="birthdate" name="birthdate" value="" max="1993-12-07" />
<script>
    $("#birthdate").kendoDatePicker();
</script>

Regards,
Alexander Valchev
Telerik

 

 

[Steven]

Why does this not work?

<input 
            data-role="datepicker" 
            data-format="MMMM yyyy"
            data-depth="year"
            data-start="year"
            data-max="selectedMaxDate"
            data-bind="value:selectedMinDate">

[Alexander Valchev]

Hello Steven,

As discussed in the previous replies, it is not possible to set the min/max configuration options of the widget via data attributes.
Please use the HTML5 min/max input attributes as described below.

Regards,
Alexander Valchev
Telerik

 

 

[Keith]

How would I set it up to max with today's date?

[Petyo]

Hello Keith,

there is no direct way to assign the max to a dynamic date via html attributes - strings like "today" won't be parsed. You may do that with jQuery initialization, though.  

Regards,
Petyo
Telerik

 

 

[Keith]

Thanks,  I'll give it a try that way.

[Curt Rabon]

Support for this seems to have been added somewhere between 2013 and 2016.2.  It's working for me using data-min, etc.  Please give me the URL of the documentation page for this, thanks.

[Petyo]

Hi,

the static assignment through the data attributes works as expected - the thread discusses the possibility of binding these values to a view model values, which is not supported.

Regards,
Petyo
Telerik by Progress

 

 

[T. Tsonev]

Hello,

Options, including min and max, can be set via data attributes initialization. These are not MVVM bindings and will not update the widget if the attribute value changes.

I hope this helps.

Regards,
T. Tsonev
Telerik by Progress

 

 

[Curt Rabon]

Thanks Tsonev, Petyo's answer did confirm what I said that these static attributes work, but failed to answer what I asked for, which is a link to the documentation.  Thanks for the link.  So, basically the doc page says that all "attributes" of a widget (like min max for the datapicker for example) can be specified in HTML using data-* attributes.  Thanks also for letting me know that this does work, but is different from MVVM bindings, which are much more limited.

[Curt Rabon]

So, I guess full support for data-attributes (full support meaning it now allows min/max for datepicker) was added sometime after Sept. 2014, because in Alexander Valchev's reply above, he states it's NOT possible.  When did it get added?  Thanks.

[Petyo]

Hi,

if I understand you correctly, you are looking for the content of this help article.

Regards,
Petyo
Telerik by Progress