前言
这篇文章将Moment.js与vue过滤器连用。如果不会过滤器的朋友,可以先看这篇文章vue过滤器
一、Moment.js是什么?
Moment.js是JavaScript 日期处理类库。使用场景:vue项目中经常需要将时间戳转换为各种时间格式再显示。
二、使用步骤
1.安装
这里只展示Node.js的安装方法。其余安装方式详见Moment.js文档
Node.js安装代码如下(示例):
npm install moment
2.在过滤器中添加function
我这里省略了过滤器的创建过程,不会过滤器的朋友,可以先看这篇文章vue过滤器
filter.js
代码如下(示例):
import moment from 'moment' //引用
//添加一个function
let dateFormatter = function(time, format){
if (time == null) return '----'
var date = moment(time).format(format)
return date
}
//导出这个function
export {
dateFormatter}
3.在template中使用
假设我页面中要显示这么一个表格,里面包含一个日期,现在使用过滤器来显示指定格式的时间。
数据格式如下:
tableData: [
{
date: "1609840835000", //时间戳为String
name: "王小虎",
address