Skip to content

Calendar

Basic usage

Pass isShowPoint attribute to set whether to display the marker, isShowPoint type is Function, the parameter is the date of the day, return true to display the marker. Example

clickDate will be triggered when the date is clicked, and the parameter is the date of the day.

API

Attributes

Nameis RequiredDescriptionTypeDefault Value Description
modelValueYesbind dateDate-
isShowPointNowhether to show mark for each date, it needs to be assigned with a function. input is the date, and output is a boolean valueFunction() => false
widthNowidth of calendarString'424px'

Event

NameDescriptionParameters
clickDatetriggers when date in calendar is clicked-

iCalendar is a secondary encapuslation base on Element Plus's ElCalendar component. For description of other properties, please refer to Calendar