VUE项目中的全局格式化时间过滤器

1. 全局过滤器

https://blog.csdn.net/weixin_45054614/article/details/105368776

 

// ----全局时间格式化
//对名称进行定义,提供一个function函数   originVal  为形参
Vue.filter('dateFormat', function(originVal) {
    const dt = new Date(originVal)
        //年的时间	
    const y = dt.getFullYear()
        //月的时间  .padStart 不足两位自动补0  2位长度
    const m = (dt.getMonth() + 1 + '').padStart(2, '0')
        //日的时间
    const d = (dt.getDate() + '').padStart(2, '0')
        //小时
    const hh = (dt.getHours() + '').padStart(2, '0')
        //分钟
    const mm = (dt.getMinutes() + '').padStart(2, '0')
        //秒数
    const ss = (dt.getSeconds() + '').padStart(2, '0')
        //将它们拼接成完整的字符串
        //return 'yyyy-mm-dd hh:mm:ss'  可以改成下面的方法
    return `${y}-${m}-${d} ${hh}:${mm}:${ss}`
})

2. 全局方法实现

 

 

3. 单个页面格式化

单个页面：

    //方法区
    formatDate(row, column) {
      // 获取单元格数据
      let data = row[column.property];
      if (data == null) {
        return null;
      }
      let dt = new Date(data);
      return (
        dt.getFullYear() +
        "-" +
        (dt.getMonth() + 1) +
        "-" +
        dt.getDate() +
        " " +
        dt.getHours() +
        ":" +
        dt.getMinutes() +
        ":" +
        dt.getSeconds()
      );
    },