时间格式的转化 vue与js 年月日时分秒

yanyanliu 2020-04-20 原文

时间格式的转化 vue与js 年月日时分秒

首先使用原生转化的方法

第一种

    //时间转换
    dateStr(d, sign) {
      //如果没有传递符号，给一个默认的符号
      if (!sign) {
        sign = '-'
      }
      //获取d里面年月日时分秒
      let year = d.getFullYear(),
        month = d.getMonth() + 1,
        sun = d.getDate(),
        hours = d.getHours(),
        minutes = d.getMinutes(),
        seconds = d.getSeconds()

      return (
        year +
        sign +
        this.mendZero(month) +
        sign +
        this.mendZero(sun) +
        ' ' +
        this.mendZero(hours) +
        ':' +
        this.mendZero(minutes) +
        ':' +
        this.mendZero(seconds)
      )
    },
    //时间转换补零
    mendZero(num) {
      return (num = num < 10 ? '0' + num : num)
    },

调用的时候就在方法里直接 return 出结果

  // 调用方法
    getDate() {
      console.log(this.dateStr(new Date()))
    },　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　输出结果 为 2020-04-20 17:58:54

第二种这种其实和上边的是一样的思路，只是补零操作直接用三木判断了，代码更简洁

//时间格式转换
    dealWithTime(date) {
      let Y = date.getFullYear()

　　　　let M = date.getMonth() + 1 – 0 >= 10 ? Number(date.getMonth()) + 1 : ‘0’ + (Number(date.getMonth()) + 1)

      let D = date.getDate()
      let h = date.getHours() >= 10 ? date.getHours() : '0' + date.getHours()
      let m = date.getMinutes() >= 10 ? date.getMinutes() : '0' + date.getMinutes()
      let s = date.getSeconds() >= 10 ? date.getSeconds() : '0' + date.getSeconds()
      return Y + '-' + M + '-' + D + ' ' + h + ':' + m + ':' + s
    },　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　输出结果 为 　　2020-04-20 18:04:42

vue的方法更简单

　　使用vue的 moment

　　安装 npm install moment –save

　　在main.js中全局引入 import moment from ‘moment’

　　Vue.prototype.$moment = moment

　　则在别的文件就可以直接调用了

    getDate() {
      console.log(this.$moment(new Date()).format('YYYY-MM-DD  HH:mm:ss'))
    },　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　输出结果 为 　　2020-4-20 18:04:42