Изменить формат даты в навигации планировщика для пользовательского интерфейса кендо

Я ищу возможность изменить формат даты панели навигации компонентов планировщика kendo ui. В базовом примере (нажмите здесь) вы можете увидеть выбранный временной диапазон рядом на кнопку «Сегодня». У меня не так много места осталось на моем веб-сайте, и поэтому я хочу изменить формат даты, например. "18.08.2014 - 24.08.2014". К сожалению, я не вижу возможности настроить это в официальном справочнике по API...

Я просто что-то упустил или изменить настройки для этого невозможно?

Спасибо за вашу помощь.

Филип


scheduler date-formatting kendo-ui
person Philip    schedule 18.08.2014    source источник

Ответы (2)


arrow_upward
3
arrow_downward

Я столкнулся с той же проблемой, я заметил, что в инструментах разработчика Chrome есть диапазон с class="k-lg-date-format", который отображает дату, как вы ее видите сейчас, и диапазон с class="k-sm- date-format", который мог бы отображать дату в более коротком формате MM/dd/yyyy, но его свойство display не имеет значения none. Я создал еще одну таблицу стилей, чтобы изменить свойство display первого на none, а второе на inline. Пришлось использовать !importan, потому что он был перегружен таблицей стилей кендо.

.k-sm-date-format {
    display: inline !important;
}

.k-lg-date-format {
    display: none !important;
}
person Fabio Lolli    schedule 27.05.2015

arrow_upward
3
arrow_downward

Это настраивается:

views: [
            {
                type: CustomAgenda,
                title: "List",
                selected: true,
                selectedDateFormat: "{0:dddd dd MMMM yyyy} - {1:dddd dd MMMM yyyy}",
                selectedShortDateFormat: "{0:dd/MM/yyyy} - {1:dd/MM/yyyy}"
            }, {
                type: "day",
                selectedDateFormat: "{0:dddd dd MMMM yyyy}",
                selectedShortDateFormat: "{0:dd/MM/yyyy}"
            }, {
                type: "month",
                selectedDateFormat: "{0:MMMM yyyy}",
                selectedShortDateFormat: "{0:MMMM yyyy}"
            }
        ]

Короткий формат предназначен для пересечения точки останова, отвечающей за малую ширину.

https://docs.telerik.com/kendo-ui/api/javascript/ui/scheduler/configuration/views.selecteddateformat

person Kevin Pluck    schedule 20.02.2018