iview render中验证规则

iview render中验证规则

{
    isDouble: true,
    value: '',
    field: 'startDate',
    type: 'datePicker',
    placeholder: 'xxx',
    title: 'xxx',
    style: ' 100%;',
    layout: {
        row: 1,
        span: 8,
        offset: 0
    },
    options: {
        type: 'date',
        format: 'yyyy-MM-dd'
    },
    validators: {
        required: {
        required: true,
        message: 'xxx' // 点击选择
        }
    }
},
{
    hide: true,
    value: '',
    field: 'endDate',
    type: 'datePicker',
    placeholder: 'xxx',
    title: '-',
    style: ' 100%;',
    validators: {
        required: {
            required: true,
            message: 'xxx' // '日期至不能为空'
        },
        validator: (rule, value, callback, source, options) => {
            
            let start = this.formData.items[1].value;
            let end = this.formData.items[2].value;
            console.log('start_end:', start, end);
            // if ((new Date(this.formData.items[2].value).getTime() - new Date(this.formData.items[1].value).getTime()) / 86400000 > 90) {
            //     callback(['日期跨度不能超过90天']);
            // } else {
            //     callback([]);
            // }
            if ((new Date(this.formData.items[2].value).getTime() - new Date(this.formData.items[1].value).getTime()) / 86400000 > 90) {
                this.$Message.info('日期跨度不能超过90天');
                return false;
            } else {
                callback([]);
            }
        }
    },
    layout: {
        row: 1,
        span: 4,
        offset: 0
    },
    options: {
        type: 'date',
        format: 'yyyy-MM-dd'
    }
},

end.