小程序 引入 封装js

举个例子:例如 小程序wxs时间戳格式化案例
1.新建一个timeUtil.wxs
2.编辑timeUtil.wxs

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

var regYear = getRegExp("(y+)", "i");

var dateFormat = function(timestamp,format){
if (!format) {
  format = "yyyy-MM-dd hh:mm:ss";
}
timestamp = parseInt(timestamp);
var realDate = getDate(timestamp);
function timeFormat(num) {
  return num < 10 ? '0' + num : num;
}
var date = [
 ["M+", timeFormat(realDate.getMonth() + 1)],
 ["d+", timeFormat(realDate.getDate())],
 ["h+", timeFormat(realDate.getHours())],
 ["m+", timeFormat(realDate.getMinutes())],
 ["s+", timeFormat(realDate.getSeconds())],
 ["q+", Math.floor((realDate.getMonth() + 3) / 3)],
 ["S+", realDate.getMilliseconds()],
];
var reg1 = regYear.exec(format);
// console.log(reg1[0]);
if (reg1) {

 format = format.replace(reg1[1], (realDate.getFullYear() + '').substring(4 - reg1[1].length));
}
for (var i=0;i<date.length;i++) {
 var k = date[i][0];
 var v = date[i][1];

 var reg2 = getRegExp("(" + k + ")").exec(format);
 if (reg2) {
 format = format.replace(reg2[1], reg2[1].length == 1
   ? v : ("00" + v).substring(("" + v).length));
 }
}
 return format;
}


module.exports = {
dateFormat: dateFormat
};

3.在需要的wxml文件引入

<wxs module="dateUtil" src="../../wxs/timeUtil.wxs"></wxs>

<view>
<!-- 不指定格式则默认输出:yyyy-MM-dd hh:mm:ss 格式 -->
{{dateUtil.dateFormat('1537578367970')}}
</view>
<view>
<!-- 第一个参数为当前时间戳,第二个参数为指定时间输出格式,如下 -->
{{dateUtil.dateFormat('1537578367970','yyyy/MM/dd')}}
</view>

再如:对字符串进行截取,多余的部分用“…”代替
1.新建subStringUtil.wxs
在这里插入图片描述
2.编辑subStringUtil.wxs

var sub = function(val) {
  if (val.length == 0 || val == undefined) {
    return;
  }
  if (val.length > 9) {
    return val.substring(0, 9) + "...";
  } else {
    return val;
  }
}

module.exports.sub = sub; //暴露接口

3.在需要的wxml文件引入

<wxs src="../../wxs/subStringUtil.wxs" module="sub" />
{{sub.sub(item.spu.name)}}//这里第一个sub是暴露的接口,第二个sub是方法

我是乐乐呀,感谢您的阅读。如果您觉得不错,那就点个赞吧,您的支持是我最大的动力。谢谢

你可能感兴趣的:(小程序,前端)