微信小程序设置过滤器将时间戳转化为时间字符串

版权声明：Copyright2018TianDiSheng.AllRightsReserved. https://blog.csdn.net/tianxintiandisheng/article/details/82086258

简介

熟悉微信小程序开发框架的开发者，肯定会对其视图层WXML中缺失的一个功能耿耿于怀，那就是没有办法在视图层对数据进行格式化处理。比如我们从后端获取到一个包含了时间戳数据的数组，然后需要在界面上把这些日期都格式化显示为2017-01-01这种格式的日期形式，在Vue, Angular之类的前端Web框架中，一般在视图层都提供了如filter之类相应比较好用的方案。
而在现有的微信小程序代码中？你能怎么做？估计我们的做法要么是在Page代码中遍历一次数组，做一下格式化；要么，只能让后端返回已经格式化好的数据了。
对于追求程序代码优雅的程序员来说，这简直就是心中一个巨大的疙瘩！微信小程序团队估计没少受这方面的吐槽。因此，这次WXS的推出算是满足了对这种需求的渴望吧。

js文件

Page({
  data: {
    timestamp: 1522117395730
  }
})

wxml文件

<wxs module="m1">
  function format(ts) {
    var d = getDate(ts)
    return [d.getFullYear(), d.getMonth()+1, d.getDate()].join('-')
      + ' '
      + [d.getHours(), d.getMinutes(), d.getSeconds()].join(':')
  }

  module.exports.format = format
</wxs>

<view>{{ timestamp }}</view>
<view>{{ m1.format(timestamp) }}</view>

**注意:**wxs 获取当前日期不可以使用 new Date()，而需要使用 getDate() 代替。

---

技能树.IT修真院
“我们相信人人都可以成为一个工程师，现在开始，找个师兄，带你入门，掌控自己学习的节奏，学习的路上不再迷茫”。
这里是技能树.IT修真院，成千上万的师兄在这里找到了自己的学习路线，学习透明化，成长可见化，师兄1对1免费指导。快来与我一起学习吧~
凭邀请码注册可享受学费减免优惠
我的邀请码：25344308 ，或者你可以直接点击此链接：
修真院注册链接