Scheduler

Example

Razor
<kendo-scheduler>
    <current-time-marker />
    <editable></editable>
    <group></group>
    <messages />
    <ongoing-events />
    <pdf></pdf>
    <resources></resources>
    <scheduler-all-day-event-template></scheduler-all-day-event-template>
    <scheduler-datasource></scheduler-datasource>
    <scheduler-date-header-template></scheduler-date-header-template>
    <scheduler-event-template></scheduler-event-template>
    <scheduler-footer />
    <scheduler-group-header-template></scheduler-group-header-template>
    <scheduler-major-time-header-template></scheduler-major-time-header-template>
    <scheduler-minor-time-header-template></scheduler-minor-time-header-template>
    <toolbar></toolbar>
    <views />
</kendo-scheduler>

ChildTags

Tag NameDetails
current-time-markerSchedulerCurrentTimeMarkerSettingsTagHelper
editableSchedulerEditableSettingsTagHelper
groupSchedulerGroupSettingsTagHelper
messagesSchedulerMessagesSettingsTagHelper
ongoing-eventsSchedulerOngoingEventsSettingsTagHelper
pdfSchedulerPdfSettingsTagHelper
resourcesSchedulerResourcesTagHelper
scheduler-all-day-event-templateTemplateTagHelper
scheduler-datasourceSchedulerDataSourceTagHelper
scheduler-date-header-templateTemplateTagHelper
scheduler-event-templateTemplateTagHelper
scheduler-footerSchedulerFooterSettingsTagHelper
scheduler-group-header-templateTemplateTagHelper
scheduler-major-time-header-templateTemplateTagHelper
scheduler-minor-time-header-templateTemplateTagHelper
toolbarSchedulerToolbarsTagHelper
viewsSchedulerViewsTagHelper

Attributes

AttributeTypeDescription
nameStringSets the name of the component.
all-day-event-templateStringThe template used to render the "all day" scheduler events.The fields which can be used in the template are: description String - the event description; end Date - the event end date; isAllDay Boolean - if true the event is "all day"; resources Array - the event resources; start Date - the event start date or title String - the event title.
all-day-event-template-handlerStringThe template used to render the "all day" scheduler events.The fields which can be used in the template are: description String - the event description; end Date - the event end date; isAllDay Boolean - if true the event is "all day"; resources Array - the event resources; start Date - the event start date or title String - the event title.
all-day-event-template-idStringThe template used to render the "all day" scheduler events.The fields which can be used in the template are: description String - the event description; end Date - the event end date; isAllDay Boolean - if true the event is "all day"; resources Array - the event resources; start Date - the event start date or title String - the event title.
all-day-event-template-viewIHtmlContentThe template used to render the "all day" scheduler events.The fields which can be used in the template are: description String - the event description; end Date - the event end date; isAllDay Boolean - if true the event is "all day"; resources Array - the event resources; start Date - the event start date or title String - the event title.
all-day-slotBooleanIf set to true the scheduler will display a slot for "all day" events.
as-moduleBoolean
auto-bindBooleanIf set to false the widget will not bind to the data source during initialization. In this case data binding will occur when the change event of the data source is fired. That will also apply for data sources for the resources used in the widget. By default the widget will bind to the data source specified in the configuration.
data-source-idStringThe Id of the data source.
dateDateTimeThe current date of the scheduler. Used to determine the period which is displayed by the widget.
date-header-templateStringThe template used to render the date header cells.By default the scheduler renders the date using a custom date format - "ddd M/dd". The "ddd" specifier represents the abbreviated name of the week day and will be localized using the current Kendo UI culture. If the developer wants to control the day and month order, then one needs to define a custom template.The fields which can be used in the template are: date - represents the major tick date..
date-header-template-idStringThe template used to render the date header cells.By default the scheduler renders the date using a custom date format - "ddd M/dd". The "ddd" specifier represents the abbreviated name of the week day and will be localized using the current Kendo UI culture. If the developer wants to control the day and month order, then one needs to define a custom template.The fields which can be used in the template are: date - represents the major tick date..
date-header-template-viewIHtmlContentThe template used to render the date header cells.By default the scheduler renders the date using a custom date format - "ddd M/dd". The "ddd" specifier represents the abbreviated name of the week day and will be localized using the current Kendo UI culture. If the developer wants to control the day and month order, then one needs to define a custom template.The fields which can be used in the template are: date - represents the major tick date..
end-timeDateTimeThe end time of the week and day views. The scheduler will display events ending before the endTime.
event-template-handlerStringThe template used to render the scheduler events.The fields which can be used in the template are: description String - the event description; end Date - the event end date; resources Array - the event resources; start Date - the event start date or title String - the event title.
event-template-idStringThe template used to render the scheduler events.The fields which can be used in the template are: description String - the event description; end Date - the event end date; resources Array - the event resources; start Date - the event start date or title String - the event title.
event-template-viewIHtmlContentThe template used to render the scheduler events.The fields which can be used in the template are: description String - the event description; end Date - the event end date; resources Array - the event resources; start Date - the event start date or title String - the event title.
is-in-client-templateBooleanWhen placing a Tag Helper within a Kendo Template, set the type to text/html and add the is-in-client-template="true" attribute.
deferredBooleanSuppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
date-header-template-handlerStringThe template used to render the date header cells.By default the scheduler renders the date using a custom date format - "ddd M/dd". The "ddd" specifier represents the abbreviated name of the week day and will be localized using the current Kendo UI culture. If the developer wants to control the day and month order, then one needs to define a custom template.The fields which can be used in the template are: date - represents the major tick date..
event-templateStringThe template used to render the scheduler events.The fields which can be used in the template are: description String - the event description; end Date - the event end date; resources Array - the event resources; start Date - the event start date or title String - the event title.
group-header-templateStringThe template used to render the group headers of scheduler day, week, workWeek and timeline views.The fields which can be used in the template are: text String - the group text; color String - the group color; value - the group value; field String - the field of the scheduler event which contains the resource id; title String - the 'title' option of the resource or name String - the 'name' option of the resource.
group-header-template-handlerStringThe template used to render the group headers of scheduler day, week, workWeek and timeline views.The fields which can be used in the template are: text String - the group text; color String - the group color; value - the group value; field String - the field of the scheduler event which contains the resource id; title String - the 'title' option of the resource or name String - the 'name' option of the resource.
group-header-template-idStringThe template used to render the group headers of scheduler day, week, workWeek and timeline views.The fields which can be used in the template are: text String - the group text; color String - the group color; value - the group value; field String - the field of the scheduler event which contains the resource id; title String - the 'title' option of the resource or name String - the 'name' option of the resource.
group-header-template-viewIHtmlContentThe template used to render the group headers of scheduler day, week, workWeek and timeline views.The fields which can be used in the template are: text String - the group text; color String - the group color; value - the group value; field String - the field of the scheduler event which contains the resource id; title String - the 'title' option of the resource or name String - the 'name' option of the resource.
has-client-componentBoolean
heightDoubleThe height of the widget. Numeric values are treated as pixels.
major-tickInt32The number of minutes represented by a major tick.
major-time-header-templateStringThe template used to render the major ticks.By default the scheduler renders the time using the current culture time format.The fields which can be used in the template are: date - represents the major tick date..
major-time-header-template-handlerStringThe template used to render the major ticks.By default the scheduler renders the time using the current culture time format.The fields which can be used in the template are: date - represents the major tick date..
major-time-header-template-idStringThe template used to render the major ticks.By default the scheduler renders the time using the current culture time format.The fields which can be used in the template are: date - represents the major tick date..
major-time-header-template-viewIHtmlContentThe template used to render the major ticks.By default the scheduler renders the time using the current culture time format.The fields which can be used in the template are: date - represents the major tick date..
maxDateTimeConstraints the maximum date which can be selected via the scheduler navigation.
minDateTimeConstraints the minimum date which can be selected via the scheduler navigation.
minor-tick-countInt32The number of time slots to display per major tick.
minor-time-header-templateStringThe template used to render the minor ticks.By default the scheduler renders a "&nbsp;".The fields which can be used in the template are: date - represents the major tick date..
minor-time-header-template-handlerStringThe template used to render the minor ticks.By default the scheduler renders a "&nbsp;".The fields which can be used in the template are: date - represents the major tick date..
minor-time-header-template-idStringThe template used to render the minor ticks.By default the scheduler renders a "&nbsp;".The fields which can be used in the template are: date - represents the major tick date..
minor-time-header-template-viewIHtmlContentThe template used to render the minor ticks.By default the scheduler renders a "&nbsp;".The fields which can be used in the template are: date - represents the major tick date..
mobileMobileModeDefines the mobile modes supported by Kendo UI Scheduler for ASP.NET MVC
on-addStringFired when a new event is about to be added.The event handler function context (available via the this keyword) will be set to the widget instance.
on-cancelStringFired when the user cancels editing by clicking the "cancel" button.The event handler function context (available via the this keyword) will be set to the widget instance.
on-changeStringFired when the user selects a cell or event in the scheduler.The event handler function context (available via the this keyword) will be set to the widget instance.
on-data-bindingStringFired before the widget binds to its data source.The event handler function context (available via the this keyword) will be set to the widget instance.
on-data-boundStringFired when the widget is bound to data from its data source.The event handler function context (available via the this keyword) will be set to the widget instance.
on-editStringFired when the user opens a scheduler event in edit mode by or creates a new event.The event handler function context (available via the this keyword) will be set to the widget instance.
on-moveStringFired when the user starts to drag an event.The event handler function context (available via the this keyword) will be set to the widget instance.
on-move-endStringFired when the user stops moving an event.The event handler function context (available via the this keyword) will be set to the widget instance.
on-move-startStringFired when the user starts to drag an event.The event handler function context (available via the this keyword) will be set to the widget instance.
on-navigateStringFired when the user changes the selected date, selected Scheduler view or switches between show full day and show business hours.The event handler function context (available via the this keyword) will be set to the widget instance.
on-pdf-exportStringFired when the user clicks the "Export to PDF" toolbar button.
on-removeStringFired when the user performs "destroy" action.The event handler function context (available via the this keyword) will be set to the widget instance.
on-resizeStringFired when the user starts to resize an event.The event handler function context (available via the this keyword) will be set to the widget instance.
on-resize-endStringFired when the user releases the mouse after resizing an event.The event handler function context (available via the this keyword) will be set to the widget instance.
on-resize-startStringFired when the user starts to resize an event.The event handler function context (available via the this keyword) will be set to the widget instance.
on-saveStringFired when the user saves a scheduler event by clicking the "save" button.The event handler function context (available via the this keyword) will be set to the widget instance.
sanitize-idBoolean
script-attributesIDictionary<String,Object>
selectableBooleanIf set to true the user would be able to select scheduler cells and events. By default selection is disabled.
show-work-hoursBooleanIf set to true the view will be initially shown in business hours mode. By default view is displayed in full day mode.
snapBooleanIf set to true the scheduler will snap events to the nearest slot during dragging (resizing or moving). Set it to false to allow free moving and resizing of events.
start-timeDateTimeThe start time of the week and day views. The scheduler will display events starting after the startTime.
timezoneStringThe timezone which the scheduler will use to display the scheduler appointment dates. By default the current system timezone is used. This is an acceptable default when the scheduler widget is bound to local array of events. It is advisable to specify a timezone if the scheduler is bound to a remote service. That way all users would see the same dates and times no matter their configured system timezone.The complete list of the supported timezones is available in the List of IANA time zones Wikipedia page.
widthDoubleThe width of the widget. Numeric values are treated as pixels.
work-day-endDateTimeSets the end of the work day when the "Show business hours" button is clicked.
work-daysInt32[]Sets the working days (index based).
work-day-startDateTimeSets the start of the work day when the "Show business hours" button is clicked.
work-week-endInt32The end of working week (index based).
work-week-startInt32The start of working week (index based).
In this article
ExampleChildTagsAttributes
Not finding the help you need?
Contact Support