JS实现电商商品展示放大镜特效

"Mon Jan 06 2020 09:10:28 GMT+0800 (中国标准时间)"

一般服务器获取到的日期都是这样的，我们需要对其进行格式化

在utils目录创建filter.wxs文件

filter.wxs

//日期格式化
var formatTime = function (strDate, format = "yyyy-MM-dd hh:mm:ss") {
 // 解决ios出现NaN问题
 var realDate = strDate ? getDate(strDate.replace(getRegExp('-', 'g'), '/')) : getDate();
 var regYear = getRegExp("(y+)", "i");
 var date = [
  ["M+", realDate.getMonth() + 1],
  ["d+", realDate.getDate()],
  ["h+", realDate.getHours()],
  ["m+", realDate.getMinutes()],
  ["s+", realDate.getSeconds()],
  ["q+", Math.floor((realDate.getMonth() + 3) / 3)],
  ["S+", realDate.getMilliseconds()],
 ];
 var reg1 = regYear.exec(format);
 if (reg1) {
  format = format.replace(reg1[1], (realDate.getFullYear() + '').substring(4 - reg1[1].length));
 }
 for (var i = 0; i < date.length; i++) {
  var reg2 = getRegExp("(" + date[i][0] + ")").exec(format);
  if (reg2) {
   format = format.replace(reg2[1], reg2[1].length == 1 ? v : ("00" + date[i][1]).substring(("" + date[i][1]).length));
  }
 }
 return format;
}
module.exports = {
 formatTime: formatTime,//日期格式化
}

wxml

<wxs module="filter" src="../../utils/filter.wxs"></wxs>
<text>创建时间：{{filter.formatTime(item.creatTime, 'yyyy-MM-dd hh:mm:ss')}}</text>

渲染页面直接引用，并且进行日期格式化调用7