在uniapp开发中用到的时间日期选择器不能重置的问题

代码部分：

这样文本框里面选择的日期时间不能得到重置

我的做法是在文本框里面添加一个ref

<template>
	<view>
		<uni-datetime-picker type="date" v-model="beginTimeDate" ref='formData' />
		<uni-datetime-picker type="date" v-model="endTimeDate" ref='formDatas' />
		<button type="default" @click="reset()">重置</button>
	</view>
</template>
<script>
	import uniDatetimePicker from '../../components/uni-datetime-picker/uni-datetime-picker.vue'
	export default {
		data() {
			return {
				beginTimeDate: null,
				endTimeDate: null
			}
		},
		methods: {
			reset() {
				this.beginTimeDate = this.$refs.formData.time = ''
				this.endTimeDate = this.$refs.formDatas.time = ''
			}
		},
		components: {
			uniDatetimePicker
		},
	}
</script>
<style scoped>
	button {
		width: 140rpx;
		height: 70rpx;
		font-size: 24rpx;
		line-height: 70rpx;
	}
</style>

这样文本框里面的日期就能被重重了