Kendo DatePicker German

by Marko Keuschnig

HTML

<script src="http://cdn.kendostatic.com/2014.1.318/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.1.318/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.1.318/styles/kendo.default.min.css">
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<script src="http://cdn.kendostatic.com/2014.1.318/js/cultures/kendo.culture.de-DE.min.js"></script>
<div class="jumbotron">
    <form class="form-horizontal" role="form">
        <div class="form-group">
            <label for="datepicker" class="col-sm-2 control-label">DatePicker</label>
            <div class="col-sm-10">
                <input id="datepicker" value="25.10.2011" name="datepicker"/>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-offset-2 col-sm-10">
                <button type="submit" class="btn btn-default">Submit</button>
            </div>
        </div>
    </form>
</div>

JavaScript

$(document).ready(function () {
    kendo.culture("de-DE");
    // create DatePicker from input HTML element
    $("#datepicker").kendoDatePicker({
        //format: "dd.MM.yyyy"
    });
});