Question

我有一个带有“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>

我有一个像这样的Kendo DatePicker：

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

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

以下是我从服务器获得的响应：

“错误”：{“StartDate”：{“errors”：[“The value \ u002707 / 10/2016 12:00:00 一个。 m。\ u0027对Fecha de Inicio无效。“]}}

顺便说一下，发送到服务器的请求的Accept-Language是“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”文化视为日期。

Answer 1

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

“错误”：{“StartDate”：{“errors”：[“The value \ u002707 / 10/2016 12:00:00 一个。 m。\ u0027对Fecha de Inicio无效。“]}}

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

“错误”：{“StartDate”：{“errors”：[“值'07 / 10/2016 12:00:00 a。 M“。对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。

Kendo DatePicker全球化绑定问题

2 个答案: