vue时间格式装换为‘yyyy-MM-dd hh:mm:ss’补0

最新推荐文章于 2023-12-28 11:14:38 发布

星辰一瞬

最新推荐文章于 2023-12-28 11:14:38 发布

阅读量651

点赞数

分类专栏：用法例子文章标签： Vue 时间格式化 JavaScript vue-moment 补零

本文链接：https://blog.csdn.net/weixin_54163765/article/details/118723445

版权

用法同时被 2 个专栏收录

30 篇文章 0 订阅

订阅专栏

例子

17 篇文章 0 订阅

订阅专栏

vue时间格式装换为‘yyyy-MM-dd hh:mm:ss’补0

第一种使用三元

调用即可

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

第二种使用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

第三种原生方法

 //时间转换
    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)
    },


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