首页 > 其他 > 详细

vue ele 日期时间格式限制不能早于当天,时间转换成时间戳 进行比较

时间:2021-05-27 16:43:18      阅读:25      评论:0      收藏:0      [点我收藏+]
<el-date-picker
            value-format="yyyy-MM-dd HH:mm:ss"
            v-model="ruleForm.planTimeStart"
            type="datetime"
            placeholder="选择日期"
            :picker-options="{
              disabledDate: (time) => {
                return time.getTime() < Date.now() - 3600 * 1000 * 24;
              }
            }"

            @change="getTime"
          ></el-date-picker>

 

<el-date-picker
            value-format="yyyy-MM-dd HH:mm:ss"
            v-model="ruleForm.planTimeEnd"
            type="datetime"
            placeholder="选择日期"
            :picker-options="{
              disabledDate: (time) => {
                return time.getTime() < Date.now() - 3600 * 1000 * 24;
              }
            }"
            @change="getTimes"
          >
          </el-date-picker>


 温馨提示: 这里只判断不能早于当天的时间,具体到分到秒的自行转换成 时间戳去判断

 

data 部分: 

startTime  :‘’,

endTime  : ‘’,

js 部分

 

//获取时间
    getTime(val) {

      // 时间转换成时间戳
      this.startTime = new Date(val).getTime() / 1000
 
    },
 
getTimes(val){

      // 时间转换成时间戳
      this.endTime = new Date(val).getTime() / 1000

      if( this.endTime <= this.startTime ){
        this.ruleForm.planTimeEnd = ‘‘
        this.$message.error("结束时间不能早于开始时间")
        return
      }

    },

 

vue ele 日期时间格式限制不能早于当天,时间转换成时间戳 进行比较

原文:https://www.cnblogs.com/majiayin/p/14817267.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!