67 lines
1.8 KiB
Markdown
67 lines
1.8 KiB
Markdown
|
||
|
||
## 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>
|
||
```
|
||
|