element默认时间标准时间转换

 <el-date-picker
     :clearable='false'
     v-model.trim="value1"
     type="datetimerange"
     prefix-icon="el-icon-date"
     @change="dataChange"
     start-placeholder="开始日期"
     end-placeholder="结束日期"
     value-format="yyyy-MM-dd HH:mm:ss">
 </el-date-picker>

    import { dateFormat } from "../../utils/date";
    value1: [],
created() {
    //当前设定的日期时间
    let d = new Date
    let year1,month1,day1,hours1,minutes1,seconds1;
    [year1,month1,day1,hours1,minutes1,seconds1] = [d.getFullYear(),d.getMonth(),d.getDate(),d.getHours(),d.getMinutes(),d.getSeconds()]
    let date1 = new Date(year1, month1, day1,hours1,minutes1,seconds1)
    this.value1.push(date1)
    //前一天设定的日期时间
    let year2,month2,day2,hours2,minutes2,seconds2;
    d.setTime(d.getTime()-24*60*60*1000);
    [year2,month2,day2,hours2,minutes2,seconds2] = [d.getFullYear(),d.getMonth(),d.getDate(),d.getHours(),d.getMinutes(),d.getSeconds()]
    let date2 = new Date(year2,month2,day2,hours2,minutes2,seconds2)
    this.value1.unshift(date2)
    // 标准时间转换 
    this.startTime = dateFormat(this.value1[0]);
    this.endTime = dateFormat(this.value1[1]);
},
export const calcDate = (date1, date2) => {
    let date3 = date2 - date1
  
    let days = Math.floor(date3 / (24 * 3600 * 1000))
  
    let leave1 = date3 % (24 * 3600 * 1000) //计算天数后剩余的毫秒数
    let hours = Math.floor(leave1 / (3600 * 1000))
  
    let leave2 = leave1 % (3600 * 1000) //计算小时数后剩余的毫秒数
    let minutes = Math.floor(leave2 / (60 * 1000))
  
    let leave3 = leave2 % (60 * 1000) //计算分钟数后剩余的毫秒数
    let seconds = Math.round(date3 / 1000)
    return {
      leave1,
      leave2,
      leave3,
      days: days,
      hours: hours,
      minutes: minutes,
      seconds: seconds,
    }
  }
  
  /**
   * 日期格式化
   */
  export function dateFormat(date, format) {
    format = format || 'yyyy-MM-dd hh:mm:ss'    //带时间yyyy-MM-dd hh:mm:ss'
    // format = format || 'yyyy-MM-dd'    //不带时间yyyy-MM-dd hh:mm:ss'
    if (date !== 'Invalid Date') {
      let o = {
        'M+': date.getMonth() + 1, //month
        'd+': date.getDate(), //day
        'h+': date.getHours(), //hour
        'm+': date.getMinutes(), //minute
        's+': date.getSeconds(), //second
        'q+': Math.floor((date.getMonth() + 3) / 3), //quarter
        S: date.getMilliseconds(), //millisecond
      }
      if (/(y+)/.test(format))
        format = format.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length))
      for (let k in o)
        if (new RegExp('(' + k + ')').test(format))
          format = format.replace(
            RegExp.$1,
            RegExp.$1.length === 1 ? o[k] : ('00' + o[k]).substr(('' + o[k]).length)
          )
      return format
    }
    return ''
  }
  

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值