【VUE】iview的datetimerange的验证

Posted on |

iview 的DatePicker 为 datetimerange 的验证问题

1
2
3
4
5
6
7
8
9
10
<FormItem label="查询时间段" prop="startEndTime">
	<DatePicker
              type="datetimerange"
              placement="bottom-end" 
              v-model="exportData.startEndTime" 
              placeholder="查询时间段"
              :options="dateOptions"
              class="item last">
            </DatePicker>
</FormItem>

data里的数据

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
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: "查询时间段" }
             }
        }],
    }
}

#