input 起止时间_Element-UI的el-date-picker组件验证.开始时间与结束时间在一个input里...

现在要做的是一个导出的功能,点击导出会出现一个弹窗,然后面有三项必填项:

数据来源

处理状态

时间范围

用的框架是vue+ElementUI

前面的2项的验证是正确的,可以进行验证.但是时间范围我选择上之后还是提示我请选择时间.

下面是我的代码:

title="导出参数设置"

:visible.sync="dialogVisible"

width="30%">

v-for="item in options"

:key="item.value"

:label="item.label"

:value="item.value">

v-for="item in optionStatus"

:key="item.value"

:label="item.label"

:value="item.value">

placeholder="选择日期范围"

type="daterange"

format="yyyy-MM-dd"

v-model="modelExport.dataTime"

range-separator="至"

start-placeholder="开始日期"

end-placeholder="结束日期">

导 出

取 消

以下是我的data里面的数据:

modelExport: {

//导出表单

dealer: "", //处理人

processingStatus: "", //处理状态

dataTime: "" //数据范围

},

以下是我的验证:

rules: {

dealer: [

{ required: true, message: "请选择处理人", trigger: "blur"}

],

processingStatus: [

{ required: true, message: "请选择处理状态", trigger: "blur"}

],

dataTime:[

{ required: true, message: '请选择时间范围', trigger: 'change' }

]

}