Vue 里面使用moment(全局过滤器)

之前项目里也多次需要操作时间,这时候了解到moment这个插件,功能很是强大。也看了很多人的博客和文章,在这整理一下

 // 下载 moment
 npm install moment --save 
 cnpm install moment --save
 // 全局引入 (main.js)
 
 import Vue from 'vue'
 import moment from 'moment'

//  全局过滤器 时间戳 
Vue.filter('dateformat', function (dataStr, pattern = 'YYYY-MM-DD') {
  if (dataStr) {
    return moment(dataStr).format(pattern)
  } else {
    return dataStr
  }
})
// 页面使用过滤 如:
<cell title="还款日" :value="data | dateformat('YYYY-MM-DD')"></cell>
Logo

前往低代码交流专区

更多推荐