6.4. 完善文章的内容

2.5

3.0 2.6 2.5

V01 Vue.js 实战教程 - 基础篇 /

本教程最新版为 2.6，当前版本已放弃维护，请阅读最新版本！

简介

本小节中，我们将利用 Moment.js 写一个简单的过滤器，来格式化文章中的日期，同时使用 node-emoji 解析文章中的 emoji 字符串标识，如 :smile:。

添加创建时间

Moment.js 是一个轻量级的 JavaScript 日期处理类库，我们用它来格式化日期。

1). 安装 moment

> cd ~/Code/vuejs-essential
> npm install moment --save

2). 添加 moment 过滤器

在 src 新建 filters 文件夹，然后新建 moment.js 文件，复制贴入以下代码：

src/filters/moment.js

import moment from 'moment'

moment.locale('zh-cn')

export default function(value, ...rest) {
  const date = value

  if (moment(date).isValid()) {
    const key = rest.shift()

    if (typeof key === 'string') {
      switch (key) {
        case 'from':
          value = moment(date).from()

          c...

本文章首发在 LearnKu.com 网站上。

为了保证课程的高品质，我们需要对课程进行收费。付费后才能观看剩余内容。购买

6.4. 完善文章的内容

2.5

3.0 2.6 2.5

简介

添加创建时间

1). 安装 moment

2). 添加 moment 过滤器

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

6.4. 完善文章的内容 2.5 3.0 2.6 2.5

简介

添加创建时间

1). 安装 moment

2). 添加 moment 过滤器

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

请登录

6.4. 完善文章的内容

2.5

3.0 2.6 2.5