Display Month and Year date header

3 posts, 0 answers
  1. Nithin
    Nithin avatar
    67 posts
    Member since:
    Mar 2018

    Posted 29 Jun 2018 Link to this post

    Hi
    Is there a way in which we could show both the month and year on the section where the date is shown which is also movable on skipping the date range

    My current scheduler looks something like this
  2. Nithin
    Nithin avatar
    67 posts
    Member since:
    Mar 2018

    Posted 29 Jun 2018 Link to this post

    Sorry i have updated my code my scheduler looks something like this with skip buttons so on skipping the month and year also move along with it
  3. Ivan Danchev
    Admin
    Ivan Danchev avatar
    2058 posts

    Posted 03 Jul 2018 Link to this post

    Hi Nithin,

    You can use the view's dateHeaderTemplate to display the year, month and day in the header:
    {
      type: "TenDays",
      title:"TenDays",
      dateHeaderTemplate: "<span class='k-link k-nav-day'>#=kendo.toString(date, 'yyyy, MMM dd')#</span>",
      selected: true
    }
    However the year and month cannot be displayed outside and above the view's header as in the screenshot you attached.

    Regards,
    Ivan Danchev
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top