时间格式化-各种格式封装

在工作期间遇到了很多中时间格式化的需求，于是收集了很多种方法，做一下学习笔记以备需要 方法如下：

在vue中使用： 因为是需要时间过滤的，所以当作过滤器来使用，我一般喜欢在全局中注册过滤器，不喜欢分散，分散的时候管理不方便,所以选择的是：封装方法1 如果有需要封装各种方法的（不局限于时间格式处理）可以选择分散的，导出来就可以用了 1.在vue项目中的main.js文件引入，注册过滤器 例如：

import Vue from vue
import App from ./App
import store from @/store
import filters from utils/filters.js //时间格式处理的封装js

//全局注册组件（很多地方都需要用到）
import LoginPop from @/pages/com_pop/login-pop.vue
// console.log(filters)
Vue.component(LoginPop, LoginPop);


/**
 * Vue.filter(过滤器名称，js函数function)
 **/

//全局注册过滤器（用Object.keys(filters).forEach（）方法不需要一个一个注册那么麻烦,但必须是第一种封装的导出方法）
Object.keys(filters).forEach(filter=>{
          
   
	Vue.filter(filter,filters[filter])
})


//如果一个一个注册的话==》 过滤器名称，js函数
Vue.filter(capitalize, function (value) {
          
   
  if (!value) return 
  value = value.toString()
  return value.charAt(0).toUpperCase() + value.slice(1)
})



Vue.config.productionTip = false
//、、、

2.在页面需要过滤器的地方使用：

<!-- 在双花括号中 -->
<div>时间格式：{
          
   {
          
    time | formatTimeStamp}}</div>

额外获得知识点：

Object.keys(filters).forEach( ()=>{
          
   
})

详解：