Question

我正在寻找更改kendo ui调度程序组件的日期格式的可能性＆＃39;导航栏。在基本的例子（click here）中，您可以看到＆＃34;今天＆＃34;旁边的所选时间范围。按钮。我没有在我的网站上留下那么多空间，因此想要将日期格式更改为例如。＆＃34; 18.08.2014 - 2014年8月24日＆＃34;。不幸的是，我没有看到在官方api reference ...

中配置此选项的任何选项

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

感谢您的帮助。

菲利普

Answer 1

我遇到了同样的问题，我注意到Chrome开发工具有一个带有class =“k-lg-date-format”的范围，它会显示你现在看到的日期，以及一个class =“k的范围-sm-date-format“可以用较短的MM / dd / yyyy格式显示日期，但是他的display属性设置为none。我创建了另一个样式表来将第一个的显示属性更改为无，将第二个的显示属性更改为内联。不得不使用！importan因为它被kendo样式表重载了。

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

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

Answer 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

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

2 个答案: