uView2.0 DatetimePicker设置默认值

最新推荐文章于 2024-06-07 10:05:45 发布

木子静静

最新推荐文章于 2024-06-07 10:05:45 发布

阅读量1.4k

点赞数 4

分类专栏： uView 文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/qq_37919055/article/details/134240262

版权

uView 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

DatetimePicker组件在设置了 minDate之后默认值就会变成设置的minDate值，想要设置指定的默认值，可以使用this.$refs.startPick.innerValue = new Date(‘2023-01-01’).getTime() 方法设置，具体如下：

<template>
	<view>
		<u-button text="选择时间" @click="startTimeShow"></u-button>
		<u-datetime-picker ref="startPick" :show="startShow" :minDate="minDate" v-model="form.start_date"  mode="date"></u-datetime-picker>
	</view>
</template>
<script>
export default {
	data(){
		return {
			startShow:false,
			minDate:new Date('1980-01-01').getTime(),
			form: {
				start_date: '',
			},
		}
	},
	methods:{
		startTimeShow(){
			this.startShow = true
			if(!this.form.start_date){
				this.$refs.startPick.innerValue = new Date('2023-01-01').getTime()	
			}
		},
	}
}
</script>