DatePicker type="datetimerange" 校验问题

最近在用iview,遇到这个问题,也是差了好多地方再次记录一下,希望对小伙伴有帮助,有帮助记得点赞哟!

<Form ref="formValidate" :model="entity" :rules="ruleValidate" :label-width="100">
        <Row>
          <Col span="24">
            <!-- -->
            <FormItem label="工时" prop="taskTime">
              <DatePicker
                v-model="entity.taskTime"
                type="datetimerange"
                placement="bottom-start"
                format="yyyy-MM-dd HH:mm"
                :options="dateRange"
                @on-change="handleChange"
                placeholder="请选择时间段"
                style="width: 330px"
              ></DatePicker>
            </FormItem>
          </Col>
        </Row>
    </Form>
taskTime: [{
          required: true,
          type: 'array',
          message: "请选择工时时间段",
          trigger: 'blur',
          fields: {
            0: {type: "date", required: true, message: "请选择工时时间段"},
            1: {type: "date", required: true, message: "请选择工时时间段"}
          }
        }]

尤其注意“[]”里面的{}
感谢:
原文链接:https://www.cnblogs.com/phpli/p/10732092.html

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值