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


<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
      }

    },

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM