elelemet+vue3 实现日期范围

				
const datePickerValue = ref([]);
//点击选择时间触发的方法
const datePickerValueChange = (v: any) => {
	datePickerValue.value = v;
	//将时间选择器的值赋值给表单
	if (v.length > 0) {
		formData.value.validBegin = v[0];
		formData.value.validEnd = v[1];
	} else {
		formData.value.validBegin = "";
		formData.value.validEnd = "";
	}
	formData.value.datePickerValue = v;
};

渲染(接口)
getData(){
	datePickerValue.value = [formData.value.validBegin, formData.value.validEnd];
		formData.value.datePickerValue = datePickerValue.value;
		}
保存处理一下日期
save(){
	formData.value.datePickerValue = formData.value.datePickerValue.filter((item: any) => {
		return item != "";
	});
	}

你可能感兴趣的:(vue.js,前端,javascript)