145 lines
3.0 KiB
JavaScript
145 lines
3.0 KiB
JavaScript
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
|
||
}
|
||
} |