Kendo UI DatePicker Предупреждение о формате даты yyyy-MM-dd

У меня есть предупреждение на моей странице о некорректном формате даты, как вы можете видеть ниже. Предупреждение генерируется компонентом Kendo UI DatePicker. Я не могу найти решения в Интернете, мое приложение локализовано pt-BR. Как решить эту проблему.

<p>@(Html.Kendo().DatePicker().Name("periodoDocumento").Value(DateTime.Now))</p>

Ошибка в Google Chrome:

The specified value '06/07/2015' does not conform to the required format, 'yyyy-MM-dd'.

Я должен использовать формат day-month-year для моих клиентов.

Ответ 1

Я нашел решение:

@(Html.Kendo().DatePicker().Name("periodoDocumento").Value(DateTime.Now).HtmlAttributes(new { @type = "" }))

Таким образом, jquery перестанет анализировать это поле как дату со стандартным форматом.

Ответ 2

Установка типа поля в text запрещает браузеру, а jQuery Validator - рассматривать его как дату. Это немного чище, чем указание недопустимого формата входного типа (например, empty string).

@(Html.Kendo().DatePicker()
    .Name("DateFieldName")
    .Value(Model.DateFieldName)
    .HtmlAttributes(new { @type=  "text"})
    )

Однако это по-прежнему немного взломанно - он просто подавляет проверку, выполненную вашим браузером и/или инструментами проверки, по полям даты. Лучшее решение (подходящее для долгосрочного исправления) заключается в обеспечении того, чтобы строки даты, заполняющие эти поля даты, соответствовали уровню жизни в поле даты HTML5 изложенных в ISO 8601, например 2017-02-10

Также ссылайтесь на этот новый вопрос, особенно на Chrome, требующий правильного форматирования полей даты HTML5.

Kendo UI datepicker несовместим с Chrome 56

Ответ 3

Добавьте свойство format:

@(Html.Kendo().DatePicker().Format("dd/MM/yyyy").Name("periodoDocumento").Value(DateTime.Now))

http://docs.telerik.com/kendo-ui/api/javascript/ui/datepicker#configuration-format

Ответ 4

Просто добавьте это .HtmlAttributes(new { type = "text" })