Selected Dates and Formats

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

The date will be displayed in a predefined format.

    <input id="dateInput" />

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

See Also

• Basic Usage of the DateInput (Demo)
• Using the API of the DateInput (Demo)
• JavaScript API Reference of the DateInput