DateTimePicker format

by OnaBai

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.2.716/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.2.716/styles/kendo.default.min.css">
<script src="http://cdn.kendostatic.com/2013.2.716/js/jquery.min.js"></script>
<script src="http://cdn.kendostatic.com/2013.2.716/js/kendo.all.min.js"></script>
<label>Disable Text Box: <input id="datepicker1" value="May 10 2014 10 AM" style="width:250px;" /></label><br/>
<label>Disable DateTimePicker: <input id="datepicker2" value="May 10 2014 10 AM" style="width:250px;" /></label>

JavaScript

$("#datepicker1").kendoDateTimePicker({
    format: "MMM dd yyyy HH tt"
});
$("#datepicker").attr("disabled", "disabled");
$("#datepicker2").kendoDateTimePicker({
    format: "MMM dd yyyy HH tt"
});
$("#datepicker2").data("kendoDateTimePicker").enable(false);