Kendo UI Base

by bryanb

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.1.319/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.1.319/styles/kendo.default.min.css">
<script src="http://cdn.kendostatic.com/2013.1.319/js/kendo.all.min.js"></script>
<input id="datepicker" style="width:23px;" />

CSS

body {
    padding:20px;
    font-family: "Droid Sans", DroidSansWeb, "Segoe UI", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
    font-size:12px;
}

JavaScript

$("#datepicker").kendoDatePicker({
    min: new Date(2013, 0, 1), // sets max date to Jan 1st, 2013
    max: new Date(2013, 5, 1),
    value: new Date(2013, 3, 4),
    change: function(e) {
        alert(kendo.toString(this.value(), 'd'));
    }
});