您好,小程序模板欢迎您。
小程序模板
当前位置 : 首页> 小程序教程> 小程序怎么使用自定义函数

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

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

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


一、创建公共的JS文件

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


115176-c71148e0de98d19c.png


二、编写相关应用函数

打开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")}}已开奖

联系客服 意见反馈

签到成功!

已连续签到1天,签到3天将获得积分VIP1天

知道了