The Calendar control serves as a view in document-view architecture, where the document is implemented by the Schedule class. The Calendar provides several schedule related views, such as Month, List, Timetable, that present the scheduled events in different styles and layouts.
Namespace: MindFusion.Scheduling
File: Calendar.js
JavaScript Copy Code |
---|
// class |
The Calendar class exposes the major settings of the calendar. The currentView property lets you specify how the schedule would look: timetable, list, month range etc. The theme property allows you to customize the appearance of the schedule by applying one of the predefined themes or a new one which you have created.
Below is an example how you create a Calendar in code. The code below assumes you have initialized an HTML <div> element in a webpage with the id "calendar". The newly created calendar uses Timetable view and the "light" theme.
JavaScript Copy Code |
---|
var p = MindFusion.Scheduling; // create a new instance of the calendar calendar.theme = "light"; |
MindFusion.Scheduling.UIControl
MindFusion.Scheduling.Calendar