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

Display Month and Year date header

2 Answers 73 Views
Scheduler
This is a migrated thread and some comments may be shown as answers.
Nithin
Top achievements
Rank 1
Nithin asked on 29 Jun 2018, 11:40 AM
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 Answers, 1 is accepted

Sort by
0
Nithin
Top achievements
Rank 1
answered on 29 Jun 2018, 11:45 AM
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
0
Ivan Danchev
Telerik team
answered on 03 Jul 2018, 08:35 AM
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.
Tags
Scheduler
Asked by
Nithin
Top achievements
Rank 1
Answers by
Nithin
Top achievements
Rank 1
Ivan Danchev
Telerik team
Share this question
or