Kendo UI MVC 日期选择器本地化答案

【问题标题】：Kendo UI MVC datepicker localizationKendo UI MVC 日期选择器本地化
【发布时间】：2014-01-14 07:17:25
【问题描述】：

剑道 UI 文化设置为 fr-CA。

_Layout.cshtml：

<script src="~/Content/KendoUI/js/kendo.web.min.js"></script>
<script src="~/Content/KendoUI/js/kendo.aspnetmvc.min.js"></script>
<script src="~/Content/KendoUI/js/cultures/kendo.culture.fr-CA.min.js"></script>
<script type="text/javascript">
     $(function() {
        kendo.culture('fr-CA');
    });
</script>

Thread.CurrentThread.CurrentUICulture fnd Thread.CurrentThread.CurrentCulture 设置为“fr-CA”。

日期选择器格式化为“MMM dd, yyyy”：

    @{
            Html.Kendo().DatePickerFor(x => x.DateFrom)
            .Format("MMM dd, yyyy")
            .ParseFormats(new List<string> { "MMM dd, yyyy" })
            .Enable(true)
            .Render();
     }

日期以正确的格式显示并且日历已本地化，但在您选择日期时会显示错误： "字段 Dater de 必须是日期。"

仅当您选择法语特定日期（例如 2013 年 12 月 16 日）时才会发生错误，对于英语和法语相同的日期（例如 2013 年 11 月 25 日），它可以正常工作。

我做错了什么？

【问题讨论】：

标签： asp.net-mvc localization kendo-ui datepicker

【解决方案1】：

使用 globalize.js。这是链接：https://github.com/jquery/globalize/releases

<script type="text/javascript" src="~/Content/scripts/globalize/globalize.js"></script>
<script type="text/javascript" src="~/Content/scripts/globalize/cultures/globalize.culture.fr-CA.js"></script>

<script type="text/javascript">
    $(function() {
        jQuery.global = Globalize;
        $.global.culture('fr-CA');
        $.validator.focusInvalid = true;
        $.validator.methods.date = function(value) {
            if (value == '' || !isNaN($.global.parseDate(value))) return true;
            return false;
        };
    });
</script>

【讨论】：