用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,登录网站

小程序社区 首页 教程 查看内容

小程序中利用Moment.js格式时间

Rolan 2017-6-6 00:04

LeanCloud给的日期是ISO格式,比如2017-06-05T14:08:20.589Z,直接显示在页面上体验不好。凡是有关日期的,格式化、计算,用moment就够了。1.下载http://momentjs.com/选moment.min.js版本,因为没有用到国际化的东 ...

LeanCloud给的日期是ISO格式,比如2017-06-05T14:08:20.589Z,直接显示在页面上体验不好。

凡是有关日期的,格式化、计算,用moment就够了。


1.下载

http://momentjs.com/

选moment.min.js版本,因为没有用到国际化的东西,体积省点是一点。


2.集成

将moment.min.js放在小程序工程的utils目录下


3.调用

const moment = require('moment.min.js');
moment.locale('en', {
    longDateFormat : {
        l: "YYYY-MM-DD",
        L: "YYYY-MM-DD HH:mm"
    }
});
item.createdAt = moment(item.createdAt).format('L');

自定义一个长日期格式,方便外部调用,当然写作format('YYYY-MM-DD');也是没问题的,只是外部传参没有传一个'l'或'L'来得简洁


一点说明


一般自己写的后端,约定的做法在是api格式好了再传给前端,而实际开发中用的是LeanCloud的JS库,能给的日期只能是ISO格式,而小程序的wxml偏偏还没弱,不能像主流MVVM框架那样提供filter/compute之类的过滤器,只有每每在.js中将数据遍历格式好了,再发给wxml渲染,例如

that.setData({
    donateObjects: utils.dateFormat(donateObjects, 'l')
});

源码下载:http://git.oschina.net/dotton/lendoo-wx,本文涉及代码存于/pages/utils/utils.js文件中。


作者:黄秀杰    文章地址

鲜花
鲜花
鸡蛋
鸡蛋
分享至 : QQ空间
收藏
原作者: 灵犀一点 黄秀杰

相关阅读