码迷,mamicode.com
首页 > 其他好文 > 详细

element-ui 日期输入校验

时间:2019-09-10 14:59:08      阅读:313      评论:0      收藏:0      [点我收藏+]

标签:bsp   red   timestamp   ack   element   err   rtt   sum   不能   

validateDate(rule, value, callback){
     if (value) {       
       let timestamp = new Date(value).getTime()
       let start  = new Date(this.shiftStartTime).getTime()
       let end = new Date(this.shiftEndTime).getTime()
       if (end < timestamp || timestamp < start) {
         callback(new Error(`请在值班时间内选择  ${this.shiftStartTime} 至 ${this.shiftEndTime}`))
       } else {
         callback()
       }
     } else {
       callback()
     }
   },
<el-form-item
          label="记录时间"
          prop="recordDateTime"
          :rules="[
            { required: true, message: 记录时间不能为空, trigger: blur},
            { validator: validateDate, trigger: [blur, change] }
          ]"
        >
          <el-date-picker
            v-model="summaryForm.recordDateTime"
            type="datetime"
            value-format="yyyy-MM-dd HH:mm:ss"
            placeholder="选择日期"
          ></el-date-picker>
        </el-form-item>

 

element-ui 日期输入校验

标签:bsp   red   timestamp   ack   element   err   rtt   sum   不能   

原文地址:https://www.cnblogs.com/ckmouse/p/11497212.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!