我想在 Header 更改 Kendo ui Scheduler 的日期格式

Posted 2023-05-07

【中文标题】我想在 Header 更改 Kendo ui Scheduler 的日期格式

【英文标题】：I want to change date formate for Kendo ui Schedule at Header

【发布时间】：2014-12-01 20:47:15

【问题描述】：

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

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

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