custom week view in scheduler

2 posts, 0 answers
  1. tititi111
    tititi111 avatar
    1 posts
    Member since:
    May 2014

    Posted 23 Jun 2014 Link to this post

    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
    my code look like that
            date: new Date("2013/6/13"),
            startTime: new Date("2013/6/13 07:00 AM"),
            height: 600,
            views: [
                { type: "workWeek", selected: true },
            timezone: "Etc/UTC",
            dataSource: {
                batch: true,
                transport: {
  2. Rosen
    Rosen avatar
    3253 posts

    Posted 24 Jun 2014 Link to this post


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

    <div id="scheduler"></div>
      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"

    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top