DateTimePicker Overview
The DateTimePicker allows the user to select a value from a calendar, a time drop-down list, or through direct input.
The DateTimePicker supports configurable options for minimum and maximum value, format, interval between predefined hours in the time view, custom templates for the Month view of the calendar, start view, and a depth for navigation. The first day of the week in the Calendar view depends on the applied culture.
The DateTimePicker is part of Kendo UI for jQuery, a
professional grade UI library with 100+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.
Basic Configuration
The following example demonstrates how to initialize the DateTimePicker. The widget copies any styles and CSS classes from the input element to the wrapper element.
<input id="dateTimePicker">
<script>
$(document).ready(function(){
$("#dateTimePicker").kendoDateTimePicker();
});
</script>
Functionality and Features
- Disabled dates
- Selected date and time
- Start view and navigation depth
- Validation
- Date and time formatting
- Calendar types