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
    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: {
  2. Rosen
    Admin
    Rosen avatar
    3253 posts

    Posted 24 Jun 2014 Link to this post

    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!
     
Back to Top