小程序怎么使用自定义函数

我们在开发微信小程序的时候，会用到自定义的函数功能，那么我们如何在小程序中写这些JS，又如何在WXML中调用它们呢 ？换句话说在微信小程序{{}}中直接调用自定义的函数 ？

微信小程序的API：https://developers.weixin.qq.com/miniprogram/dev/reference/wxs/01wxs-module.html

一、创建公共的JS文件

本着代码的规范化和项目的工程化，小程序中公共JS文件一般创建在utils目录下，这样，我们就可以在每个模块页面里调用它。比如：这里创建了一个公共文件：time.wxs（PS：微信小程序的公共文件一定要是wxs后缀）

二、编写相关应用函数

打开time.wxs文件，然后在里面编写函数：

/**
 * 时间格式化:年月日是分秒
 * @param {*} timestamp :时间戳13位
 * @param {*} type:需要转化后的时间格式
 * eg. cn: 2020年02月02日 ; en:2020.02.02
 */
var timeFormat = {
    timestampToTime: function (timestamp, type) {
        if (timestamp && type === 'cn') {
            let date = new Date(timestamp);//时间戳为10位需*1000，时间戳为13位的话不需乘1000
            let Y = date.getFullYear() + '年';
            let M = (date.getMonth() + 1 < 10 ? (date.getMonth() + 1) : date.getMonth() + 1) + '月';
            let D = date.getDate() + '日';
            let h = date.getHours() < 10 ? '0' + (date.getHours()) + ':' : date.getHours() + ':';
            let m = date.getMinutes() < 10 ? '0' + (date.getMinutes()) : date.getMinutes();
            let s = date.getSeconds();

            return M + D + h + m;
        }
        if (timestamp && type === 'en') {
            let date = new Date(timestamp);//时间戳为10位需*1000，时间戳为13位的话不需乘1000
            let Y = date.getFullYear() + '.';
            let M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '.';
            let D = date.getDate() + '';
            let h = date.getHours() < 10 ? '0' + (date.getHours()) + ':' : date.getHours() + ':';
            let m = date.getMinutes() < 10 ? '0' + (date.getMinutes()) : date.getMinutes();
            let s = date.getSeconds();

            return Y + M + D;
        }
    }
};


// 导出对外暴露的属性
module.exports = {
    timestampToTime: timeFormat.timestampToTime
}

三、如何试用

1、在使用的页面头部引入文件，引入方式是：

2、函数调用

{{time.timestampToTime(item.endTime, "cn")}}已开奖