实现效果:
HTML标签模块
<a-row>
<a-col :span="12">
开始时间:<a-date-picker
style="width: 100%"
@change="onChange"
valueFormat="YYYY-MM-DD"
v-model="startTime"
/>
</a-col>
<a-col :span="12">
结束时间:<a-date-picker
style="width: 100%"
:disabled="startTime==''?true:false"
:disabledDate="disabledDate"
valueFormat="YYYY-MM-DD"
v-model="endTime"
/>
</a-col>
</a-row>
引用moment模块
import moment from 'moment';
变量和方法定义及使用
startTime:string='';
endTime:string='';
onChange() {
this.endTime ='';
}
disabledDate(current) {
let endTime = moment(this.startTime).valueOf();
let currentTime = current.valueOf();
return currentTime < endTime;
}