kendo-ui - 我想在 Header 更改 Kendo ui Schedule 的日期格式

Question

$("#scheduler").kendoScheduler({
  date: new Date(),
  currentTimeMarker: false,
  views: [
    "day", "week", "workWeek"
  ]
});

像上面的代码一样，标题中的默认日期格式将是 MM/dd/yyyy，但我需要修改该格式。

Answer 1

我们可以修改代码如下。

$("#scheduler").kendoScheduler({
    date: new Date("2013/6/13"),
    startTime: new Date("2013/6/13 7:00"),
    height: 400,
    timezone: "Etc/UTC",
    views: [`enter code here`
        "day",
        { 
          type: "week", 
          selected: true, 
          dateHeaderTemplate: "<span class='k-link k-nav-day'>#=kendo.toString(date, 'ddd dd/M')#</span>"
        },
        "month",
        "agenda"
    ],

在 asp.net MVC 中我们可以使用

.Views(views =>
  {
      views.DayView(d => d.DateHeaderTemplate("<span class='k-link k-nav-day'>#=kendo.toString(date, 'ddd dd/M')#</span>"));
      views.WeekView(w => w.DateHeaderTemplate("<span class='k-link k-nav-day'>#=kendo.toString(date, 'ddd dd/M')#</span>"));
      views.MonthView();`enter code here`
      views.AgendaView();
  })