props.js
3.0 KB
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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
export default {
props: {
// 日历顶部标题
title: {
type: String,
default: '日期选择'
},
// 是否显示标题
showTitle: {
type: Boolean,
default: true
},
// 是否显示副标题
showSubtitle: {
type: Boolean,
default: true
},
// 日期类型选择,single-选择单个日期,multiple-可以选择多个日期,range-选择日期范围
mode: {
type: String,
default: 'single'
},
// mode=range时,第一个日期底部的提示文字
startText: {
type: String,
default: '开始'
},
// mode=range时,最后一个日期底部的提示文字
endText: {
type: String,
default: '结束'
},
// 自定义列表
customList: {
type: Array,
default: () => []
},
// 主题色,对底部按钮和选中日期有效
color: {
type: String,
default: '#3c9cff'
},
// 最小的可选日期
minDate: {
type: [String, Number],
default: 0
},
// 最大可选日期
maxDate: {
type: [String, Number],
default: 0
},
// 默认选中的日期,mode为multiple或range是必须为数组格式
defaultDate: {
type: [Array, String, Date, null],
default: null
},
// mode=multiple时,最多可选多少个日期
maxCount: {
type: [String, Number],
default: Number.MAX_SAFE_INTEGER
},
// 日期行高
rowHeight: {
type: [String, Number],
default: 56
},
// 日期格式化函数
formatter: {
type: [Function, null],
default: null
},
// 是否显示农历
showLunar: {
type: Boolean,
default: false
},
// 是否显示月份背景色
showMark: {
type: Boolean,
default: true
},
// 确定按钮的文字
confirmText: {
type: String,
default: '确定'
},
// 确认按钮处于禁用状态时的文字
confirmDisabledText: {
type: String,
default: '确定'
},
// 是否允许点击遮罩关闭日历
closeOnClickOverlay: {
type: Boolean,
default: false
},
// 是否允许点击确认按钮关闭日历
closeOnClickConfirm: {
type: Boolean,
default: true
},
// 是否为只读状态,只读状态下禁止选择日期
readonly: {
type: Boolean,
default: false
},
// 是否展示确认按钮
showConfirm: {
type: Boolean,
default: true
},
// 日期区间最多可选天数,默认无限制,mode = range时有效 Infinity
maxRange: {
type: [Number, String],
default: Number.MAX_SAFE_INTEGER
},
// 范围选择超过最多可选天数时的提示文案,mode = range时有效
rangePrompt: {
type: String,
default: ''
},
// 范围选择超过最多可选天数时,是否展示提示文案,mode = range时有效
showRangePrompt: {
type: Boolean,
default: true
},
// 是否允许日期范围的起止时间为同一天,mode = range时有效
allowSameDay: {
type: Boolean,
default: false
},
// 圆角值
round: {
type: [Boolean, String, Number],
default: 0
},
// 最多展示月份数量
monthNum: {
type: [Number, String],
default: 3
},
...uni.$uv?.props?.calendar
}
}