Calendar

Overview

Users can display data information from a specified data table in the form of a calendar card.

Settings

Setting	Description
Data Table	Select the data source for the card.
Filter	Set the data filtering conditions for this card.
Data Volume	Set the amount of data to be included in this card.
Sort Field	Set the sorting method for displaying data.
Title Field	Set the title name displayed in the calendar.
Start Time Field	Set the start time of events in the calendar. The data table must contain a Date type field.
End Time Field	Set the end time of events in the calendar. The data table must contain a Date type field.
Display Time Information	Configure whether to display time information in the calendar.
Default Dimension	Configure the default time dimension displayed in the calendar. Options: Month, Week, Day, List
Open Form Page After Click Event	After configuration, clicking on an event can open a form page popup to display specific event information
Record Display Style	Control the event style in the calendar through conditions. Styles: Background Color, Text Color, Bold, Italic, Strikethrough, Underline, Style Expression

Style Expression

Supports calculating CSS properties through Expression and returns a JS object. For the corresponding JS object, the Key is the camelCase CSS property name, and the Value is the string of the CSS property value corresponding to the Key. For example, to set the font size to 20 pixels:

{
    fontSize: "20px"
}

Usage Scenario

Usually used in scenarios that require organizing and managing time. The following takes a course schedule as an example.

Configuration Method

After Course Management contains Course Name, Start Time, and End Time fields, we can configure the course schedule based on the data in the table.