1.8 KiB
1.8 KiB
datetime-picker 日期时间选择器
组件名:h-datetime-picker 代码块:
<h-datetime-picker></h-datetime-picker>
关联组件:uni-popup uni-icons
。
属性说明
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
params | 需要显示的日期格式 | Object | {year: true,month: true,day: true,hour: false,minute: false,second: false,timestamp: true,} |
defaultTime | 默认显示的时间(默认为当前时间) | String | '' |
startYear | 年份开始时间 | String,Number | 1950 |
endYear | 年份结束时间 | String,Number | 2050 |
endMonth | 月份结束时间 | String,Number | 12 |
optionMode | 自定义时间选择栏顶部快捷时间段选择类型,可选值:month(月)、day(天) | String | month |
mode | 选择器模式 all(显示月份选择以及时间段选择)、single(仅显示单月份选择)、multiple(仅显示时间段选择) | String | all |
startTime | 默认起始日期 仅在mode='multiple'时生效 例如:2022-5-18 12:00 | String | '' |
endTime | 默认截止日期 仅在mode='multiple'时生效 例如:2023-5-18 12:00 | String | '' |
@reset | 点击重置回调 | Handler | 无 |
@confirm | 点击确定回调 | Handler | 无 |
##@confirm返回说明(对应params) ###单日期(时间)选择
参数 | 说明 | 类型 | |
---|---|---|---|
year | 年 | String | |
month | 月 | String | |
day | 日 | String | |
hour | 时 | String | |
minute | 分 | String | |
second | 秒 | String | |
timestamp | 时间戳 | Number |
###时间段选择
参数 | 说明 | 类型 | |
---|---|---|---|
start_time | 起始时间 格式与上一致 | Object | |
end_time | 截至时间 格式与上一致 | Object |
##示例
<template>
<view>
<h-datetime-picker ref="pickerDate" @reset="reset" @confirm="confirm"></h-datetime-picker>
</view>
</template>
<script>
export default {
methods: {
//打开选择器
open() {
this.$refs.pickerDate.open()
},
reset(){
console.log('点击了重置');
},
confirm(e){
console.log('点击了确定',e);
}
}
}
</script>