小程序 wxml里时间戳转日期

步骤一:
在utils文件夹里添加名为filter.wxs的文件(命名可以随便),如下图:


图片发自简书App

在filter.wxs文件里添加下面的代码:

<!--filter.wxs-->
var formatNumber = function (n) {
  n = n.toString()
  return n[1] ? n : '0' + n
}
/**
 * 将时间戳(1570550400)格式转为 yyyy-MM-dd格式
 */
var formatDate = function (datetime) {
  var date = getDate(datetime);
  var year = date.getFullYear();
  var month = date.getMonth() + 1;
  var day = date.getDate();
  return [year, month, day].map(formatNumber).join('-');
}
module.exports = {
  formatDate: formatDate
}

步骤二:
test.wxml里写下面的代码。注意src里改成自己的文件路径

<!--test.wxml-->
<wxs src="../../utils/filter.wxs" module="filters"/>

步骤三:
需要转换的地方,写下面的代码。
注意"()"里改成自己的

<!--test.wxml-->
<text>{{filters.formatDate(item.date)}}</text>

好了,以上就是在wxml里时间戳转日期格式啦。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 因新工作主要负责微信小程序这一块,最近的重心就移到这一块,该博客是对微信小程序整体的整理归纳以及标明一些细节点,初...
    majun00阅读 7,703评论 0 9
  • 每天的学习记录,可能有的地方写的不对,因为刚学,以后发现错的话会回来改掉整体流程 https://develope...
    有点健忘阅读 5,104评论 0 7
  • 2.4.2 WXS WXS(WeiXin Script)是小程序的一套脚本语言,结合 WXML,可以构建出页面的结...
    wangbu2阅读 1,388评论 0 2
  • 引言 WXS(WeiXin Script)是小程序的一套脚本语言,结合 WXML,可以构建出页面的结构。 注意 w...
    OzanShareing阅读 1,569评论 0 3
  • 好像只有通过与自己不断对话,才能缓解焦虑的心情。经常想到死亡,并且觉得生活甚是烦闷。毫无乐趣,毫无生趣。活着就像是...
    起舞的蛹阅读 672评论 0 0

友情链接更多精彩内容