WXML 在前端页面中规定时间格式方法分享

前言:原本输出时间例如2019-08-14T11:11:23.9700000,格式化成2019-08-14 11:11:23;

   原本小程序有一个util.js文件,里面是有格式化时间的方法的。但是不能被.wxml所调用

   而有的时候,将数据直接在获取js里面修改会造成一定的麻烦,所以这个时候需要工具文件。

一、创建时间格式化文件.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].map(formatNumber).join('-') + ' ' + [hour, minute, 
           second].map(formatNumber).join(':')
}

var formatNumber = function(n{
    n = n.toString()
    return n[1] ? n : '0' + n
}

module.exports = {
    formatTime: formatTime,
    formatNumber: formatNumber
}

二、在需要用的页面中引入文件

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

三、在需要格式化的地方调用

 <text class="type">{{tutil.formatTime(item.creationTime)}}</text>

 

 

  

posted @ 2019-08-14 12:55  lusCodding  阅读(633)  评论(0编辑  收藏  举报