小程序在wxml页面格式化类似的2019-02-16T10:54:47.831000时间

Posted 吾延

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了小程序在wxml页面格式化类似的2019-02-16T10:54:47.831000时间相关的知识,希望对你有一定的参考价值。

其实新建小程序的时候,会有一个util.js文件,这个文件里已经有时间格式化的方法了,如果时间在一个列表或者数组里面时,这个文件js文件就显得鸡肋了,

但是wxml页面是支持引入.wxs文件的,这样子就好解决了

1、新建一个date.wxs

var formatTime = function (date) {
  var date = getDate(date)
  var year = date.getFullYear()
  var month = date.getMonth() + 1
  var day = date.getDate()
  var hour = date.getHours()
  var minute = date.getMinutes()
  var second = date.getSeconds()

  return [year, month, day].join(‘-‘) + ‘ ‘ + [hour, minute, second].join(‘:‘)
}

module.exports = {
  formatTime: formatTime
}

2、在需要到的页面第一行引入这个问价

<wxs module="tutil" src="../data.wxs"></wxs>

3、在需要格式化时间的地方调用

<label>申请时间: {{tutil.formatTime(item.bonus_apply_time)}}</label>

这是输出的格式就变成  2019-02-16 10:54:47 了

 

以上是关于小程序在wxml页面格式化类似的2019-02-16T10:54:47.831000时间的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序-B站:wxml和wxss文件

微信小程序WXML模板

小程序初入门

微信小程序入门(四):页面数据展示

小程序当中的文件类型,组织结构,配置,知识点等

小程序总体结构解析