vue日期格式化实例，根据需要转换成不同的格式

第一种方法(固定格式转换)：

Date.prototype.toLocaleString = function () {   // 重写日期函数格式化日期
       return `${this.getFullYear()}-${this.getMonth() + 1 >= 10 ? (this.getMonth() + 1) : '0' + (this.getMonth() + 1)}-${this.getDate() >= 10 ? this.getDate() : '0' + this.getDate()}
                 ${this.getHours() >= 10 ? this.getHours() : '0' + this.getHours()} : ${this.getMinutes()>=10?this.getMinutes():'0'+this.getMinutes()} : ${this.getSeconds() >= 10 ? this.getSeconds() : '0' + this.getSeconds()}`;
            };

使用方法：格式化后的日期 = new Date(这里是传入的毫秒值).toLocaleString();

vue中使用

    var app = new Vue({
        el: '#app',
        data:{
            time:""
        },
        created() {
            this.time = this.dataFormat(new Date(1522611151000))

        },
        methods:{
            dataFormat(time){
                return `${time.getFullYear()}-${time.getMonth() + 1 >= 10 ? (time.getMonth() + 1) : '0' + (time.getMonth() + 1)}-${time.getDate() >= 10 ? time.getDate() : '0' + time.getDate()}
                     ${time.getHours() >= 10 ? time.getHours() : '0' + time.getHours()} : ${time.getMinutes()>=10?time.getMinutes():'0'+time.getMinutes()} : ${time.getSeconds() >= 10 ? time.getSeconds() : '0' + time.getSeconds()}`;
             }
        }
    })

第二种方法（根据需要转成不同格式）：

Vue.filter('formatTime',function(thistime,fmt='yyyy-MM-dd hh:mm:ss'){
  let $this = new Date(thistime)
      let o = {
        'M+': $this.getMonth() + 1,
        'd+': $this.getDate(),
        'h+': $this.getHours(),
        'm+': $this.getMinutes(),
        's+': $this.getSeconds(),
        'q+': Math.floor(($this.getMonth() + 3) / 3),
        'S': $this.getMilliseconds()
      }
      if (/(y+)/.test(fmt)) {
        fmt = fmt.replace(RegExp.$1, ($this.getFullYear() + '').substr(4 - RegExp.$1.length))
      }
      for (var k in o) {
        if (new RegExp('(' + k + ')').test(fmt)) {
          fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? (o[k]) : (('00' + o[k]).substr(('' + o[k]).length)))
        }
      }
      return fmt
})

使用方法：{{1595215702457 | formatTime('yyyy-MM-dd')}}

在使用日期过滤器的时候，可以根据需要的日期格式，传入不同的参数，方便灵活，

希望能帮到大家！

本文地址：https://blog.csdn.net/u011200562/article/details/107459187