Kendo UI MVC 日期选择器本地化

Posted 2023-05-07

【中文标题】Kendo UI MVC 日期选择器本地化

【英文标题】：Kendo UI MVC datepicker localization

【发布时间】：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 日），它可以正常工作。

我做错了什么？

【参考方案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>