Kendo UI Datepicker - h2 testing
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>
<div class="center">
<h2><span class="jclock">12:00:00</span> PULMONOLOGY</h2>
<div id="picker-wrapper">
<input id="datepicker" style="width:23px" />
</div>
</div>
CSS
body {
padding:20px;
font-family: "Droid Sans", DroidSansWeb, "Segoe UI", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
font-size:12px;
}
h2 {margin:0;padding:0;font-size:25px;font-weight:bold;font-family:'Segoe UI Light',Arial,Tahoma;display:inline-block;}
.jclock {color:Red;margin-right:10px;display:inline-block;width:100px;text-align:left;}
#picker-wrapper {display:inline-block;vertical-align:bottom;margin-left:5px;}
#datepicker {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'));
}
});