html
<el-form-item label="开始时间" prop="starttime">
<el-date-picker v-model="model.starttime" :picker-options="startTime" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
</el-form-item>
<el-form-item label="结束时间" prop="endtime">
<el-date-picker v-model="model.endtime" :picker-options="endTime" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
</el-form-item>
value-format="yyyy-MM-dd HH:mm:ss" 是格式化取值,根据自己需求填写,参考文档 http://element-cn.eleme.io/#/zh-CN/component/date-picker#ri-qi-ge-shi
js
data(){
return{
model:{
starttime:"",
endtime:""
},
/* start 开始时间小于今天,结束时间不能大于开始时间 */
startTime: {
disabledDate: time => {
if (this.endtime) {
return (
time.getTime() > new Date(this.endtime).getTime()
);
} else {
return time.getTime() > Date.now();
}
}
},
endTime: {
disabledDate: time => {
if (this.model.starttime) {
return (
time.getTime() > Date.now() ||
time.getTime() < new Date(this.model.starttime).getTime()
);
} else {
return time.getTime() > Date.now();
}
}
}
/* end*/
}
}
将拿到的格式转换为时间戳。
这种方法循环遍历所有日期,性能很差,哪位大神有好的方法记得回来告诉我哦。谢谢