看了网上的文档,要么不全,要么不管用,麻烦,废话不多,直接上代码,如果不满足你的需求的话,自行修改
introForm的定义请自行定义,应该可以看得懂。
<el-col :span="24">
<el-date-picker
v-model="introForm.date"
type="daterange"
@input="daterangeChange"
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期">
</el-date-picker>
</el-col>
<el-col :span="24">
<el-date-picker
v-model="introForm.datetime"
type="datetime"
@input="datetimeChange"
format="yyyy-MM-dd HH:ss"
value-format="yyyy-MM-dd HH:ss"
placeholder="选择日期时间">
</el-date-picker>
</el-col>
/**
*日期时间改变
* **/
datetimeChange(e){
console.log(e)
let _this =this
_this.introForm.datetime = e
_this.$forceUpdate();
},
/**
* 开始日期-结束日期改变
* **/
daterangeChange(e){
let _this =this
console.log(e)
_this.$nextTick(() => {
_this.$set(_this.introForm, "date", [e[0], e[1]]);
_this.$forceUpdate();
});
},
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。