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

Selected Dates and Formats

Updated on Sep 8, 2026

The DateInput enables you to create a non-editable DateInput with a selected date.

The date will be displayed in a predefined format.

Example
View Source
    <input id="dateInput" />

    <script>
      $(document).ready(function(){
        $("#dateInput").kendoDateInput({
          value: new Date(),
          format: "dd/MM/yyyy",
          readonly: true
        });
      });
    </script>

See Also

In this article
See Also
Not finding the help you need?
Contact Support