【VUE】iview的datetimerange的验证

xiaobai 18 0

iview 的DatePicker 为 datetimerange 的验证问题

<FormItem label="查询时间段" prop="startEndTime">
    <DatePicker
              type="datetimerange"
              placement="bottom-end" 
              v-model="exportData.startEndTime" 
              placeholder="查询时间段"
              :options="dateOptions"
              class="item last">
            </DatePicker>
</FormItem>

data里的数据

data() {
    return {
        exportData: {
                startEndTime: [], // 查询时间
        },
        dateOptions: {
           disabledDate (date) {
             return date && date.valueOf() < Date.now() - 86400000;
           }
         },
        startEndTime: [{ // 验证
             required: true, 
             type: 'array', 
             message: '查询时间段', 
             trigger: 'change',
             fields: {
               0: { type: "date", required: true, message: "查询时间段" },
               1: { type: "date", required: true, message: "查询时间段" }
             }
        }],
    }
}

发表评论 取消回复
表情 图片 链接 代码

分享
微信
微博
QQ