purchase-let/components/h-datetime-picker/readme.md

1.8 KiB
Raw Blame History

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>