Override Hours in the DateTimePicker Popup
Environment
| Product | Progress® Kendo UI® DateTimePicker for jQuery |
| Operating System | Windows 10 64bit |
| Visual Studio Version | Visual Studio 2017 |
| Preferred Language | JavaScript |
Description
How can I override hours in the popup of the Kendo UI for jQuery DateTimePicker?
Solution
The following example demonstrates how to achieve the desired scenario.
<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>