Override Hours in the Popup

The following example demonstrates how to override hours in the popup of the DateTimePicker.

<input id="datetimepicker" />
<script>
  $(function() {
    $("#datetimepicker").kendoDateTimePicker({
        value: new Date(2000, 10, 1),
        open: function(e) {
            if (e.view === "time") {
              e.sender.timeView.dataBind([
                new Date(1970, 0, 1, 9),
                new Date(1970, 0, 1, 11),
                new Date(1970, 0, 1, 13),
                new Date(1970, 0, 1, 15),
                new Date(1970, 0, 1, 17),
                new Date(1970, 0, 1, 19),
                new Date(1970, 0, 1, )
              ])
            }
        }
    });
  });
</script>

See Also

• Using the API of the DateTimePicker (Demo)
• JavaScript API Reference of the DateTimePicker