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

2019独角兽企业重金招聘Python工程师标准>>>

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文件中。

转载于:https://my.oschina.net/huangxiujie/blog/915075

小程序中利用Moment.js格式时间相关推荐

微信小程序中苹果iOS手机显示时间格式NaN不正确的问题
项目场景: 实现安卓Android和苹果iOS中微信小程序显示订单时间信息问题描述微信小程序中苹果iOS手机显示时间格式NaN不正确的问题原因分析: 安卓微信小程序显示正常,苹果按格式YYYY- ...
html img 手势缩放,微信小程序中利用image组件实现图片手势缩放
微信小程序中利用image组件实现图片手势缩放,前端大神严灏的牛文,讲解了微信小程序中image组件的三种是缩放模式,三种之中,只有 aspectFit 模式可以等比例缩放图片,并显示完整的图片. 原 ...
微信小程序中new Date()转换时间格式时，IOS不兼容的问题
平常我们获取某一个指定时间的时间戳时,都是这样获取 new Date('2021-10-11 00:00:00').getTime() 但是,2021-10-11这种时间格式在ios微信小程序中并不支 ...
微信小程序中IOS获取不到时间（年、月）
微信小程序中获取时间戳IOS不兼容 new Date("2017-06-16") 在IOS会出现NAN的情况所以对于时间转换需要另行封装,解决方案如下把"-" ...
关于微信小程序中的.eslintrc.js
刚刚开始研究小程序云开发,不知道.eslintrc.js是干什么的,然后根据小程序的智能感知,找到了官方网站:Documentation: https://eslint.org/docs/user-g ...
小程序中轻松添加日期和时间的选择
介绍选择日期和时间,直接使用小程序的默认组件picker,就可以解决了. 选择日期:将mode设置为date 选择事件:将mode设置为time 注意:date和data经常容易被弄混,这里我特别强 ...
在微信小程序中引用tensorflow.js坑向总结（一）
各种坑 1. Error:No backend found in registry 2. Error: This application has not registered any plugins ...
微信小程序中页面引入js文件
一.引入util中的util.js文件: utils.js可以存储全局的方法(function).变量(const url)等,类似于可以实现公共存储. 首先,来看utils.js中: const f ...
小程序中封装ajax请求,如何在微信小程序中封装网络请求
如何在微信小程序中封装网络请求发布时间:2021-05-11 16:59:36 来源:亿速云阅读:95 作者:Leah 这期内容当中小编将会给大家带来有关如何在微信小程序中封装网络请求,文章内容丰 ...

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

小程序中利用Moment.js格式时间相关推荐

最新文章

热门文章