I want to change the creation date for Kendo ui Schedule in title

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

as above, the default date format in the header will be MM / dd / yyyy, but I need to modify this format. enter image description here

+4
source share
1 answer

We can change the code as follows.

$("#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"
    ],

and in asp.net MVC we can use

.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();
  })
+9
source

All Articles