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' }

]

}