在 kendo ui 的调度程序导航中更改日期格式答案

【问题标题】：Change date format in scheduler navigation for kendo ui在 kendo ui 的调度程序导航中更改日期格式
【发布时间】：2014-10-11 14:19:18
【问题描述】：

我正在寻找更改 kendo ui 调度程序组件导航栏日期格式的可能性。在基本示例 (click here) 中，您可以在“今天”按钮旁边看到选定的时间范围。我的网站上没有太多空间，因此想将日期格式更改为例如。 “18.08.2014 - 24.08.2014”。不幸的是，我在官方api reference 中没有看到任何配置选项...

我是否只是忽略了某些内容，或者无法更改设置？

感谢您的帮助。

菲利普

【问题讨论】：

标签： kendo-ui scheduler date-formatting

【解决方案1】：

我遇到了同样的问题，我注意到使用 Chrome 开发工具有一个 class="k-lg-date-format" 的跨度显示您现在看到的日期，还有一个跨度为 class="k -sm-date-format" 可以显示较短的 MM/dd/yyyy 格式的日期，但他的显示属性设置为无。我创建了另一个样式表来将第一个的显示属性更改为无，第二个更改为内联。必须使用 !importan 因为它被 kendo 样式表重载了。

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

.k-lg-date-format {
    display: none !important;
}

【讨论】：

【解决方案2】：

它是可配置的：

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

【讨论】：