WXS文件时间操作

微信小程序开发中，无法直接在wxml操作Javascript代码。微信给出了wxs文件支持，类似引用外部的js文件实现部分操作。在wxs文件中无法进行new Date()操作，小程序文档提供了getDate()帮助我们实现时间的部分操作，具体看下列代码

• 首先定义一个wxs文件，创建一个Object，并通过module.exports暴露出去，然后就可以在里Object里面定义自己想要的函数~

var utils = {
  //通过时间戳获取时间显示
  timeFormat: function (timestamp) {
    var date = getDate(timestamp);
    var Y = date.getFullYear() + '/';
    var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '/';
    var D = date.getDate() < 10 ? '0' + date.getDate() : date.getDate() + ' ';
    var h = (date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) + ':';
    var m = date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes();
    return Y + M + D + h + m;
  },
  // 获取当前时间戳
  getTimestamp: function(){
    return getDate().getTime();
  }
}

module.exports = utils;

• wxml使用

首先通过wxs标签将文件引入，定义一个module="utils"，这里的utils相当于我们wxs文件的utils对象

<wxs src="../../utils/templateUtils.wxs" module="utils"></wxs>

当前时间显示

<label>{{ utils.timeFormat(utils.getTimestamp()) }}</label>