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

Selected Date and Time

The DateTimePicker allows you to render a pre-selected date and time and also define the minimum and maximum date and time slots it displays.

The DateTimePicker sets the value only if the entered date and time is valid and within the defined range.

<input id="dateTimePicker">

<script>
    $(document).ready(function(){
        $("#dateTimePicker").kendoDateTimePicker({
            value: new Date(2000, 10, 10, 10, 0, 0),
            min: new Date(1950, 0, 1, 8, 0, 0),
            max: new Date(2049, 11, 31, 18, 0, 0)
        })
    });
</script>

See Also

In this article