calendar data, item object must have date params to match date(params key can use matchKey to modify)
Object, Array
matchKey
if dateData is Array, specify which key of dateData object as calendar date match key
String
date
locale
set weekdays locale text, custom this text use weekDateShort props. If want to use custom local, use weekLocaleData customize you locale
String
en
zh-cn, en
weekLocaleData
set body weekdays text, begin with sunday, if set this props, locale will be not work
array
firstDay
start day of the week, 0 to 6, 0 as Sunday
Number
0
0 - 6
mode
component view mode
String
month
month, week
prefixCls
component style namespace
String
vue-calendar
renderHeader
redner function for header
Function({ prev, next, selectedDate })
Event Props
parameter
description
params
onMonthChange
trigger when calendar date change
(date) parameter has two key startDay and endDay of selected month
onPrev
trigger after clicking the prev button
same as onMonthChange param
onNext
trigger after clicking the next button
same as onMonthChange param
Methods
name
description
params
changeDate
set calendar display month
(date) accept String or Date Object
Slots
name
description
header-left
header left panel
header-right
header right panel
Scope-slots
name
description
default
custom content for date item, the scope param is { isPrevMonth, isPrevLastDay, isNextMonth, isNextFirstDay, isToday, isCurMonth, data, date }, { data } is an Array, include all matching date data
body
return all date item in scope param, data structure is a 6*7 matrix, and the date item is same as default scope slot