基础使用
Jan 2023
Sun
Mon
Tue
Wed
Thu
Fri
Sat
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
6
7
8
9
10
11
date:
formattedValue:
禁用态
Jan 2023
Sun
Mon
Tue
Wed
Thu
Fri
Sat
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
6
7
8
9
10
11
Jan 2023
Sun
Mon
Tue
Wed
Thu
Fri
Sat
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
6
7
8
9
10
11
尺寸
Jan 2023
Sun
Mon
Tue
Wed
Thu
Fri
Sat
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
6
7
8
9
10
11
Jan 2023
Sun
Mon
Tue
Wed
Thu
Fri
Sat
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
6
7
8
9
10
11
Jan 2023
Sun
Mon
Tue
Wed
Thu
Fri
Sat
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
6
7
8
9
10
11
Jan 2023
Sun
Mon
Tue
Wed
Thu
Fri
Sat
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
6
7
8
9
10
11
Jan 2023
Sun
Mon
Tue
Wed
Thu
Fri
Sat
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
6
7
8
9
10
11
date:
formattedValue:
日期段选择
Jan 2023
Sun
Mon
Tue
Wed
Thu
Fri
Sat
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
6
7
8
9
10
11
dateRange: [ null, null ]
formattedRange: [ "", "" ]
选择月份、年份
2023
Jan
Feb
Mar
Apr
May
Jun
Jul
Aug
Sep
Oct
Nov
Dec
month:
formattedMonth:
2023 - 2034
2023
2024
2025
2026
2027
2028
2029
2030
2031
2032
2033
2034
year:
formattedYear:
CDatePicker API
Props
Events
modelValue
Date
| null
默认值
() => new Date()
当前选中值,用于v-model
绑定
formattedValue
string
默认值
''
格式化后的值,用于v-model:formattedValue
绑定
dateRange
TSTupleType
默认值
() => [null, null]
选择日期范围时的值,用于v-model:dateRage
绑定
formattedDateRange
TSTupleType
默认值
() => ['', '']
格式化后的日期段值,用于v-model:formattedDateRange
绑定
format
string
默认值
'YYYY-MM-DD'
格式化模板,详情参考 Dayjs
formatter
TSFunctionType
默认值
defaultFormatter
自定义格式化函数
size
CSize
默认值
'md'
尺寸
hideOnSelect
boolean
默认值
true
是否在选择后自动收起下拉
range
boolean
默认值
false
是否使用日期段选择
placeholder
string
默认值
''
预设文本
disabled
boolean
默认值
false
是否禁用
unit
Unit
默认值
'day'
选择单位,可用于v-model:unit
绑定