123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130 |
- 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
- }
- }
|