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 }

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM