Kendo ui 调度程序 - 更改日期格式

Question

我可以使用 dateHeaderTemplate 属性更改列 headers 上 kendo ui 调度程序的日期格式，但我需要更改下图中突出显示的日期格式：

我敢肯定一定有一种非常简单的方法可以做到这一点，但到目前为止还没有在 telerik 文档中找到任何东西。

Answer 1

请尝试使用以下代码片段。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>Kendo UI Snippet</title>

    <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.3.914/styles/kendo.common.min.css"/>
    <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.3.914/styles/kendo.rtl.min.css"/>
    <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.3.914/styles/kendo.silver.min.css"/>
    <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.3.914/styles/kendo.mobile.all.min.css"/>

    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script src="http://kendo.cdn.telerik.com/2016.3.914/js/kendo.all.min.js"></script>
</head>
<body>

<div id="scheduler"></div>
<script>
$("#scheduler").kendoScheduler({
    date: new Date("2013/6/6"),
    views: [
   "day",
   { type: "week", selected: true },
   "month",
   "agenda",
   "timeline"
    ],
    dataBound: scheduler_dataBound,
    dataSource: [
      {
          id: 1,
          start: new Date("2013/6/6 08:00 AM"),
          end: new Date("2013/6/6 09:00 AM"),
          title: "Interview"
      }
    ]
});
function scheduler_dataBound(e) {
    if (this.viewName() != "month") {
        var test = $(".k-lg-date-format").html().split('-'); 
        var _str = kendo.toString(kendo.parseDate(test[0].trim()), 'ddd MM/dd');
        if (test.length == 2) {
            _str += " - " + kendo.toString(kendo.parseDate(test[1].trim()), 'ddd MM/dd');
        } 
        $(".k-lg-date-format").html(_str);
        $(".k-sm-date-format").html(_str); 
    }
}
</script>
</body>
</html>

如有任何疑问，请告诉我。

Kendo ui 调度程序 - 更改日期格式

Kendo ui scheduler - change date format

telerik

date-format

kendo-ui

kendo-scheduler