iview DatePicker 回显验证报错

<FormItem label="入库时间:" prop="useTime">
        <DatePicker
          class="input-width"
          type="datetime"
          v-model="formValidate.useTime"
          placeholder="请选择入库时间"
          style="width: 90%"
        />
      </FormItem>
//验证
ruleValidate:{
    useTime: [
          {
            type: "date", //这是关键
            required: true,
            message: "请输入入库时间",
            trigger: "blur"
          }
        ]
}
//编辑赋值做回显
this.formValidate.useTime = data.useTime; //data.useTime为2020-05-14 00:00:00

//保存赋值 得做转换
 this.formValidate.useTime = formatDate(
            new Date(this.formValidate.useTime).getTime(),
            "yyyy-MM-dd hh:mm:ss"
          );
//
formatDate 方法

export function formatDate(date, fmt = 'yyyy-MM-dd') { if (typeof (date) === 'number') { date = new Date(date) } var o = { "M+": date.getMonth() + 1, //月份 "d+": date.getDate(), // "h+": date.getHours(), //小时 "m+": date.getMinutes(), // "s+": date.getSeconds(), // "q+": Math.floor((date.getMonth() + 3) / 3), //季度 "S": date.getMilliseconds() //毫秒 } if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (date.getFullYear() + "").substr(4 - RegExp.$1.length)) for (var k in o) if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length))) return fmt }

 

posted @ 2020-05-14 17:01  abcByme  阅读(1458)  评论(0编辑  收藏  举报