I have a recurring event with exceptions in one timezone and am trying to display the schedule in another timezone.
The events all display correctly with corresponding daylight saving adjustments however the exceptions get lost once the event timezone transitions into (or out of) summer time.
Running following code in the dojo correctly hides the 17th of April occurrence IF the timezone is set to "Europe/London" but displays the entry when set to "Pacific/Auckland".
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Kendo UI Snippet</title>
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"/>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/themes/11.0.2/default/default-ocean-blue.css"/>
<style>body {font-family: Helvetica, Arial, sans-serif;font-size: 14px}</style>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2025.2.520/js/kendo.all.min.js" ></script>
</head>
<body>
<div id="scheduler"></div>
<script>
var version = kendo.version;
$.getScript( 'https://kendo.cdn.telerik.com/'+version+'/js/kendo.timezones.min.js', function( data, textStatus, jqxhr ) {
$("#scheduler").kendoScheduler({
date: new Date("2025/3/20"),
height: 600,
views: ["week"],
editable: false,
//timezone: "Europe/London",
timezone: "Pacific/Auckland",
dataSource: [
{
title: "Event Europe/London",
start: new Date("2025-03-20T14:00:00.000Z"),
end: new Date("2025-03-20T14:30:00.000Z"),
startTimezone: "Europe/London",
endTimezone: "Europe/London",
recurrenceRule: "FREQ=WEEKLY;BYDAY=TH;WKST=MO;",
recurrenceException: "20250417T130000Z"
}
]
});
});
</script>
</body>
</html>
$("#scheduler").kendoScheduler({
date: new Date("2022/6/13"),
timezone: "Etc/UTC", // Setting the timezone is recommended when binding to a remote service.
dataSource: {
batch: true, // Enable the batch updates.
transport: {
read: {
url: "https://demos.telerik.com/kendo-ui/service/tasks",
dataType: "jsonp"
},
update: {
url: "https://demos.telerik.com/kendo-ui/service/tasks/update",
dataType: "jsonp"
},
create: {
url: "https://demos.telerik.com/kendo-ui/service/tasks/create",
dataType: "jsonp"
},
destroy: {
url: "https://demos.telerik.com/kendo-ui/service/tasks/destroy",
dataType: "jsonp"
},
parameterMap: function(options, operation) {
if (operation !== "read" && options.models) {
return {models: kendo.stringify(options.models)};
Hi everyone,
I have problems on binding data from json to Kendo UI for Jquery scheduler, here is my code:
Html/JS
$("#scheduler").kendoScheduler({
timezone: "Europe/Rome",
ongoingEvents: true,
editable: false, /*must be read-only*/
views: [
{
type: "month"
}
],
dataSource: {
batch: true,
transport: {
read: {
url: "/ajax/scheduler-view.php",
dataType: "json"
}
}
},
schema: {
model: {
fields: {
id: { type: "number", field: "id" },
title: { field: "title" },
start: { type: "date", field: "start" },
end: { type: "date", field: "end" },
description: { field: "description" },
isAllDay: { type: "boolean", field: "isAllDay" }
}
}
}
});
and here is the JSON:
[{"id":1,"title":"mio titolo","description":"","startTimezone":"Europe\/Rome","start":"\/Date(1729786479)\/","end":"\/Date(1729872879)\/","endTimezone":"Europe\/Rome","isAllDay":true}]
I tryied many ways, but I cannot see the event in the scheduler (that is rendered ok, but empty).
Any suggestion?
Thank you
I have two Kendo scheduler timelines that are displayed one above the other. I want to keep the horizontal scroll position of the two timelines in sync by hooking into the scroll position for one timeline when scrolling in the other, but I can't see a way of doing this. Does anyone know of a way?
Also, in order to have a vertical correlation between the two timelines, I'd like to force the timelines to have a vertical scrollbar, even when one isn't needed: when a scrollbar is present in one of the timelines but not the other, the times don't align vertically because the scrollbar's width forces the compression of the time intervals. Again, any help would be appreciated.
Hi,
in here https://demos.telerik.com/kendo-ui/scheduler/timeline I want to select a date range. For example, if I choose the start date, I want to select the second date only if it's greater than the first one, to form a range. I mean, I want to select the first cell, and then when I select the second cell, I want to have the range selected between them. I don't want to drag the mouse or use the Shift key to do it.
thanks
Hi,
I have a requirement to highlight a particular attendee with a red border in the dropdown list. The idea is to indicate that this attendee is not available at that specific date and time when someone opens the appointment pop-up (refer to the attachment). I know color option is there but i want to add red border to particular attendee. there can be situation where red border can be added to more then one attendee. Please help me understand how I can achieve this.
Thanks!
Some users do not see very clearly which is the today in the scheduler and asked if the header could be colored.
I have found that the cells has the class "k-today" but the header does not have it.
Is there a way to know which of the header cells is the cell for the today?
hello
i am using the horizontal resources grouping in Kendo UI Scheduler and I want to adjust the header attendee name same like word wrap css property so that last name will come after first name.
Hi,
I have the Scheduler (Day View), I need to show my time slots (I will get it from API) in the header.
I need to show them in the header :
This API Response :
Hello,
Requirement to implement 'More' button in Week view of MVC scheduler as Month view has.
I tried suggestion given in this article https://docs.telerik.com/kendo-ui/knowledge-base/implement-more-events-button-in-week-view
example is here https://dojo.telerik.com/IGOQinES.
Want to change two points,
1. The position of More button from bottom of the slot to right side of the slot shown as in below image.
2. Slot with single appointment also showing 'More' button, why?
Appreciate for the support.
Thanks,
BP