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

Toggle

methods

Toggles the calendar or the time drop-down list.

toggle

Parameters:viewString

The view of the DateTimePicker, expressed as a string. Available views are "time" and "date".

<input id="datetimepicker" />
<button id="toggle">Toggle</button>
<script>
$("#datetimepicker").kendoDateTimePicker();

var datetimepicker = $("#datetimepicker").data("kendoDateTimePicker");

$("#toggle").click(function() {
    datetimepicker.toggle("date");
});
</script>

<input id="datetimepicker" />
<button id="toggle">Toggle</button>
<script>
$("#datetimepicker").kendoDateTimePicker();

var datetimepicker = $("#datetimepicker").data("kendoDateTimePicker");

$("#toggle").click(function() {
    datetimepicker.toggle("time");
});
</script>