dfgApi.git - Gitblit

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>