时间格式的转化 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

发表于
2020-04-20 18:15
纯白棒球帽
阅读(…)
评论(…)
编辑
收藏

本文链接：https://www.cnblogs.com/yanyanliu/p/12739528.html

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

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

时间格式的转化 vue与js 年月日时分秒的更多相关文章

随机推荐

热门专题

目录导航

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

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

时间格式的转化 vue与js 年月日 时分秒的更多相关文章

随机推荐

热门专题

目录导航

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

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

时间格式的转化 vue与js 年月日时分秒的更多相关文章