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

Posted 2023-05-08

【中文标题】在 kendo ui 的调度程序导航中更改日期格式

【英文标题】：Change date format in scheduler navigation for kendo ui

【发布时间】：2014-10-11 14:19:18

【问题描述】：

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

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

感谢您的帮助。

菲利普

【参考方案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