New to Kendo UI for jQuery? Download free 30-day trial

Restrict User Input to Min/Max Values

The following example demonstrates how to restrict user input to minimum or maximum values that are set through the widget configuration.


    <input id="DOB" />
      $(function() {
          format: "dd/MM/yyyy",
          value: new Date(2020, 10, 04),
          min: new Date(2000, 10, 10),
          max: new Date(2020, 10, 10),
          change: onDOBChange

        function onDOBChange(e) {
            var dt = e.sender;
            var value = dt.value();

            if (value === null) {
              value = kendo.parseDate(dt.element.val(), dt.options.parseFormats);

            if (value < dt.min()) {
            }else if (value > dt.max()) {

See Also

For more runnable examples on the Kendo UI DatePicker, browse its How To documentation folder.

In this article
Not finding the help you need? Improve this article