130 lines
2.5 KiB
JavaScript
130 lines
2.5 KiB
JavaScript
export default {
|
||
props: {
|
||
value: {
|
||
type: [String, Number],
|
||
default: ''
|
||
},
|
||
modelValue: {
|
||
type: [String, Number],
|
||
default: ''
|
||
},
|
||
// 是否打开组件
|
||
show: {
|
||
type: Boolean,
|
||
default: false
|
||
},
|
||
// 是否展示顶部的操作栏
|
||
showToolbar: {
|
||
type: Boolean,
|
||
default: true
|
||
},
|
||
// 顶部标题
|
||
title: {
|
||
type: String,
|
||
default: ''
|
||
},
|
||
// 展示格式，mode=date为日期选择，mode=time为时间选择，mode=year-month为年月选择，mode=datetime为日期时间选择
|
||
mode: {
|
||
type: String,
|
||
default: 'datetime'
|
||
},
|
||
// 可选的最大时间
|
||
maxDate: {
|
||
type: Number,
|
||
// 最大默认值为后10年
|
||
default: new Date(new Date().getFullYear() + 10, 0, 1).getTime()
|
||
},
|
||
// 可选的最小时间
|
||
minDate: {
|
||
type: Number,
|
||
// 最小默认值为前10年
|
||
default: new Date(new Date().getFullYear() - 10, 0, 1).getTime()
|
||
},
|
||
// 可选的最小小时，仅mode=time有效
|
||
minHour: {
|
||
type: Number,
|
||
default: 0
|
||
},
|
||
// 可选的最大小时，仅mode=time有效
|
||
maxHour: {
|
||
type: Number,
|
||
default: 23
|
||
},
|
||
// 可选的最小分钟，仅mode=time有效
|
||
minMinute: {
|
||
type: Number,
|
||
default: 0
|
||
},
|
||
// 可选的最大分钟，仅mode=time有效
|
||
maxMinute: {
|
||
type: Number,
|
||
default: 59
|
||
},
|
||
// 选项过滤函数
|
||
filter: {
|
||
type: [Function, null],
|
||
default: null
|
||
},
|
||
// 选项格式化函数
|
||
formatter: {
|
||
type: [Function, null],
|
||
default: null
|
||
},
|
||
// 是否显示加载中状态
|
||
loading: {
|
||
type: Boolean,
|
||
default: false
|
||
},
|
||
// 各列中，单个选项的高度
|
||
itemHeight: {
|
||
type: [String, Number],
|
||
default: 44
|
||
},
|
||
// 取消按钮的文字
|
||
cancelText: {
|
||
type: String,
|
||
default: '取消'
|
||
},
|
||
// 确认按钮的文字
|
||
confirmText: {
|
||
type: String,
|
||
default: '确认'
|
||
},
|
||
// 取消按钮的颜色
|
||
cancelColor: {
|
||
type: String,
|
||
default: '#909193'
|
||
},
|
||
// 确认按钮的颜色
|
||
confirmColor: {
|
||
type: String,
|
||
default: '#3c9cff'
|
||
},
|
||
// 每列中可见选项的数量
|
||
visibleItemCount: {
|
||
type: [String, Number],
|
||
default: 5
|
||
},
|
||
// 是否允许点击遮罩关闭选择器
|
||
closeOnClickOverlay: {
|
||
type: Boolean,
|
||
default: true
|
||
},
|
||
// 是否允许点击确认关闭选择器
|
||
closeOnClickConfirm: {
|
||
type: Boolean,
|
||
default: true
|
||
},
|
||
// 是否清空上次选择内容
|
||
clearDate: {
|
||
type: Boolean,
|
||
default: false
|
||
},
|
||
// 圆角
|
||
round: {
|
||
type: [String, Number],
|
||
default: 0
|
||
},
|
||
...uni.$uv?.props?.datetimePicker
|
||
}
|
||
} |