Calendar View

Overview

The Calendar View converts data into calendar events and displays them in a calendar format.

Settings

Setting	Description
Start Time Field	Sets the start time of events in the calendar. The data table must contain a Date type field.
End Time Field	Sets the end time of events in the calendar. The data table must contain a Date type field.
Display Time Information	Configures whether to display time information in the calendar.
Title Field	Sets the title name displayed for calendar events.
Use Expression as Title	You can use an expression as the title name. If this configuration is not empty, the Title Field configuration will be invalid.
Switchable Time Periods	Sets the time periods that users are allowed to switch between in the view interface. Allowed to be empty.
Default Display Time Period	The time period that users first see when the view is initialized. Cannot be empty.
Record Display Style	Sets the display format of calendar events that meet the conditions through expressions. Multiple rules are supported.

TIP

Sometimes we need to limit the calendar view to display in a specific time period and not allow users to switch. For example, for the month time period, we can set Switchable Time Periods to empty and Default Display Time Period to month, so that data is only displayed in the month time period.

WARNING

In the calendar view, both start time and end time must have values to be displayed in the view.

Example

In the following, we will demonstrate the configuration of the calendar view in a typical task management scenario, including various configuration items and the Calendar View Double-Click Blank Date event unique to the Calendar View.

Record Display Style:

1. When the following conditions are met, set the background color to #5D7092:

   ${rowRecord.state == 'unstart'}

2. When the following conditions are met, set the background color to #5B8FF9:

   ${rowRecord.state == 'progress'}

3. When the following conditions are met, set the background color to #FAAD14:

   ${rowRecord.state == 'cancel'}

4. When the following conditions are met, set the background color to #57CA8C: js ${rowRecord.state == 'complete'}

1. Add a listener for Calendar View Double-Click Blank Date on the Event Listener tab, and set the relevant automation input parameter ${clickDate}.
2. The automation gets the input parameter ${clickDate}.
3. Add a step of Open Create Record Page, set the data table to Task Table, and set the default values of fields such as Start Time, Estimated Start Time, Estimated Completion Time, and Actual Completion Time to ${clickDate}.
4. Add a step of Refresh Module, and set the parameter Module to the current Calendar View module.