改变 Telerik datepicker for asp.net MVC 的文化

Question

现在我在 asp.net mvc 项目中有这个日期选择器

 <div class="demo-section user-selection" style="height:138px;">
    <div class="dates">
        <h4>Start date:</h4>
        <span class="k-widget k-datepicker k-header" style="width: 100%; "><span class="k-picker-wrap k-state-default"><input id="start" style="width: 100%;" value="10/10/2015" data-role="datepicker" type="text" class="k-input" role="combobox" aria-expanded="false" aria-owns="start_dateview" aria-disabled="false" aria-readonly="false"><span unselectable="on" class="k-select" role="button" aria-controls="start_dateview"><span unselectable="on" class="k-icon k-i-calendar">select</span></span></span></span>
    </div>
    <div class="dates">
        <h4>End date:</h4>
        <span class="k-widget k-datepicker k-header" style="width: 100%;"><span class="k-picker-wrap k-state-default"><input id="end" style="width: 100%;" value="10/10/2015" data-role="datepicker" type="text" class="k-input" role="combobox" aria-expanded="false" aria-owns="end_dateview" aria-disabled="false" aria-readonly="false"><span unselectable="on" class="k-select" role="button" aria-controls="end_dateview"><span unselectable="on" class="k-icon k-i-calendar">select</span></span></span></span>
    </div>
    @*<div class="DateWarning">Maximum duration from start to end date is 5 days</div>*@
</div>


<script>
    $(document).ready(function () {

        function startChange() {
            var startDate = start.value(),
            endDate = end.value();

            if (startDate) {
                startDate = new Date(startDate);
                startDate.setDate(startDate.getDate());
                end.min(startDate);
            } else if (endDate) {
                start.max(new Date(endDate));
            } else {
                endDate = new Date();
                start.max(endDate);
                end.min(endDate);
            }
        }

        function endChange() {
            var endDate = end.value(),
            startDate = start.value();

            if (endDate) {
                endDate = new Date(endDate);
                endDate.setDate(endDate.getDate());
                start.max(endDate);
            } else if (startDate) {
                end.min(new Date(startDate));
            } else {
                endDate = new Date();
                start.max(endDate);
                end.min(endDate);
            }
        }

        var start = $("#start").kendoDatePicker({
            change: startChange,
        }).data("kendoDatePicker");

        var end = $("#end").kendoDatePicker({
            change: endChange
        }).data("kendoDatePicker");

        start.max(end.value());
        end.min(start.value());
    });


</script>

它工作正常，但问题是日期格式是美国的（月/日/年）

我想将其更改为（日/月/年） 有什么办法可以改变吗？ api文档上没找到。

Answer 1

为您的 kendoDatePicker 方法添加文化和格式，例如：

.kendoDatePicker({
        change: startChange,
        culture:"nl-NL",
        format:"d-M-yyyy",
});