Setting and Getting a date

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>
<script src="http://demos.kendoui.com/content/shared/js/people.js"></script>
<input id="filterdate"/>
<button id="set" class="k-button">Set Date</button>
<button id="get" class="k-button">Get Date</button>

CSS

#grid {
    width : 490px;
}

JavaScript

var fd = $("#filterdate").kendoDatePicker({
    parseFormats:["dd/MM/yyyy"],
    format: "dd/MM/yyyy"
}).data("kendoDatePicker");

$("#get").on("click", function() {
    alert("Date read:" + fd.value());
});

$("#set").on("click", function() {
    fd.value("10/7/2014");
});