<!-- 开始时间-->
<van-field
is-link
readonly
clickable
required
name="picker"
:value="date"
label="教育开始时间"
placeholder="请选择"
@click="startData = true"
/>
<van-popup v-model="startData" position="bottom">
<van-datetime-picker
v-model="currentDate"
type="date"
title="选择年月日"
:min-date="minDate"
:max-date="maxDate"
@confirm="onConSdata"
/>
</van-popup>
<!-- 结束时间-->
<van-field
is-link
readonly
clickable
required
name="picker"
:value="dateend"
label="教育结束时间"
placeholder="请选择"
@click="endData = true"
/>
<van-popup v-model="endData" position="bottom">
<van-datetime-picker
v-model="currentDateend"
type="date"
title="选择年月日"
:min-date="minDate"
:max-date="maxDate"
@confirm="onConEdata"
/>
</van-popup>
date: '',//开始时间
dateend: '',//结束时间
startData: false,//显示开始时间弹框
endData: false,//显示结束时间弹框
formatDate(date) {
return `${date.getFullYear()}/${date.getMonth() + 1}/${date.getDate()}`;
},
formatDate(dateend) {
return `${dateend.getFullYear()}/${dateend.getMonth() + 1}/${dateend.getDate()}`;
},
// 开始时间弹框
onConSdata(date) {
this.startData = false;
this.date = this.formatDate(date);
},
// 结束时间弹框
onConEdata(dateend) {
this.endData = false;
this.dateend = this.formatDate(dateend);
},