This is a migrated thread and some comments may be shown as answers.

custom week view in scheduler

1 Answer 126 Views
Scheduler
This is a migrated thread and some comments may be shown as answers.
tititi111
Top achievements
Rank 1
tititi111 asked on 23 Jun 2014, 10:06 AM
I have a kendo ui scheduler by Javascript, and in the week view, at the title of the column I want to replace the format of date,
you can see the format of date in the picture.
 ex: I want to replace Mon 6/09 to Monday 09/June
code:
my code look like that
$("#scheduler").kendoScheduler({
        date: new Date("2013/6/13"),
        startTime: new Date("2013/6/13 07:00 AM"),
        height: 600,
        views: [
            "day",
            { type: "workWeek", selected: true },
            "week",
            "month",
            "agenda"
        ],
        timezone: "Etc/UTC",
        dataSource: {
            batch: true,
            transport: {

1 Answer, 1 is accepted

Sort by
0
Rosen
Telerik team
answered on 24 Jun 2014, 04:22 PM
Hello,

The dateHeaderTemplate template can be used to modify the day header title of the week/day views. For example:

<div id="scheduler"></div>
<script>
$("#scheduler").kendoScheduler({
  date: new Date("2013/6/6"),
  views: [
    {
      type: "day",
      dateHeaderTemplate: kendo.template("<strong>#=kendo.toString(date, 'd')#</strong>")
    },
  ],
  dataSource: [
    {
      id: 1,
      start: new Date("2013/6/6 08:00 AM"),
      end: new Date("2013/6/6 09:00 AM"),
      title: "Interview"
    }
  ]
});
</script>


Regards,
Rosen
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
Scheduler
Asked by
tititi111
Top achievements
Rank 1
Answers by
Rosen
Telerik team
Share this question
or