解决element-ui日期组件不更新的情况和必选字段

最新推荐文章于 2024-07-30 16:45:13 发布

沐小磊|

最新推荐文章于 2024-07-30 16:45:13 发布

阅读量827

点赞数 1

文章标签： vue.js elementui

本文链接：https://blog.csdn.net/m0_64453243/article/details/127745896

版权

<el-form ref="elForm" :model="formData" :rules="rules" size="medium" label-width="100px">
    <el-form-item label="考试时间"  prop="mockTime">
     <el-date-picker 
        v-model="formData.mockTime" 
        type="datetimerange" 
        value-format="yyyy-MM-dd HH:mm:ss" 
        range-separator="至"
        start-placeholder="开始时间" 
        end-placeholder="结束时间" 
        @input="$forceUpdate()">
     </el-date-picker>
    </el-form-item>
<el-form>

formData:{
    mockTime:[]
},

rules:{
    mockTime:[{
        type: 'array', required: true, message: '请选择考试时间', trigger: 'change'
    }]
}