0

我有一个带有“es-MX”文化的 asp.net MVC 应用程序。这是我的 web.config 文件中的内容：

<globalization enableClientBasedCulture="true" uiCulture="es-MX" culture="es-MX"></globalization>

而且，这就是我的 _Layout 页面中的内容：

<script type="text/javascript">
    $(function () {
        //set current to the "es-MX" culture script
        kendo.culture("es-MX");
    })
</script>

我有一个这样的剑道 DatePicker：

@(Html.Kendo().DatePickerFor(model => model.StartDate)
    .HtmlAttributes(new { @class = "input-field" })
)

当我将表单回发到我的控制器时，该StartDate字段为空。

这是我从服务器得到的响应：

"Errors":{"StartDate":{"errors":["值 \u002707/10/2016 12:00:00 am\u0027 对 Fecha de Inicio 无效。"]}}

顺便说一句，发送到服务器的请求的接受语言是“en-US”，我觉得很奇怪。

更新：

我尝试为 DateTime 使用自定义模型绑定器，如下所示：

public class DateTimeModelBinder : IModelBinder
{
    public object BindModel(ControllerContext controllerContext, ModelBindingContext bindingContext)
    {
        var value = bindingContext.ValueProvider.GetValue(bindingContext.ModelName);

        if (string.IsNullOrWhiteSpace(value.AttemptedValue))
            return null;

        DateTime dateTime;
        var isDate = DateTime.TryParse(value.AttemptedValue, Thread.CurrentThread.CurrentUICulture, 
            DateTimeStyles.None, out dateTime);

        if (!isDate)
        {
            bindingContext.ModelState.AddModelError(bindingContext.ModelName, "La fecha es válido.");
            return DateTime.UtcNow;
        }

        return dateTime;
    }
}

但是，看起来问题出在传递给控制器​​的日期的时间部分。07/10/2016 12:00:00 a. m.“es-MX”和“en-US”文化都不会将该值识别为日期。

4

2 回答 2

0

乍一看，您的错误消息表明无效的日期格式已传递给模型：

"Errors":{"StartDate":{"errors":["值 \u002707/10/2016 12:00:00 am\u0027 对 Fecha de Inicio 无效。"]}}

通过考虑从提供的 JSON 格式进行 Unicode 转换，可以将消息获取为

"Errors":{"StartDate":{"errors":["值 '07/10/2016 12:00:00 am' 对 Fecha de Inicio 无效。"]}}

'07/10/2016 12:00:00 a. m.'指示作为字符串而不是可识别的 DateTime 值传递的日期格式，因此您model.StartDate返回 null，因为具有 AM/PM 状态的时间部分不是有效的DateTime或Nullable<DateTime>值。

尝试将全球化脚本设置到您的视图中：

@section HeadContent 
{
    <script src="@Url.Content("~/Scripts/kendo.all.min.js")"></script>
    <script src="@Url.Content("~/Scripts/cultures/kendo.culture.es-MX.min.js")"></script>
}

或布局页面：

<head>
<script src="@Url.Content("~/Scripts/kendo.all.min.js")"></script>
<script src="@Url.Content("~/Scripts/cultures/kendo.culture.es-MX.min.js")"></script>
</head>

注意：更改~/Scripts/cultures/为您的 Kendo JS 目录路径。

如果上述尝试仍然无效，请将显示格式字符串设置为DatePickerFor：

@{
    Culture = "es-MX";
}

@(Html.Kendo().DatePickerFor(model => model.StartDate)
    .Name("StartDate")
    .Culture("es-MX")
    .Format("dd/MM/yyyy")
    .ParseFormats(new String[] { "dd/MM/yyyy" })
    .HtmlAttributes(new { @class = "input-field" })
)

或者通过添加自定义日期输入规则（改编自 Edin Mahmutovic 在How to valid date format dd.MM.yyyy KENDO MVC中的回答）：

kendo.ui.validator.rules.mvcdate = function (input) {
    if ($(input.attr('name')) === 'StartDate') {
        return input.val() === "" || kendo.parseDate(input.val(), "dd/MM/yyyy") !== null;
    }
    return true;
}

AFAIK，当方法未设置特定日期格式字符串时Format，它使用此示例中显示的默认格式：http: //demos.telerik.com/aspnet-mvc/datepicker/index。

相关问题：

剑道日期选择器在两个不同时区的不同计算机上表现很奇怪

剑道 DatePicker 文化无法正常工作

http://www.telerik.com/forums/wrong-format

全球化参考：http ://docs.telerik.com/kendo-ui/aspnet-mvc/globalization

于 2016-10-10T03:09:33.807 回答
0

我想出了问题所在。根据文档，剑道 UI 文化脚本是基于Windows 8格式生成的。我使用的是 Windows 7。因此，我必须将此 Culture Helper 放在页面顶部，以确保脚本是根据当前的 .NET 或指定的文化生成的：

@Html.Kendo().Culture()

如果没有这个助手，发布到服务器的日期将是这样07/10/2016 12:00:00 a. m.的（注意 a. 和 m. 之间的空格），这就是我的 MVC 无法绑定它们。使用助手后，日期会像07/10/2016 12:00:00 a.m.（没有空格）。

于 2016-10-10T14:17:10.417 回答