小程序 wxml代码里调用方法

写vue多了习惯对有些数据理解调用方法return,总结了小程序的使用方法

<!-- wxml页面上引入wxs代码,路径自定义 -->
<wxs module="time" src="../../index/index.wxs"></wxs>

<!--使用方法,time为module定义名称,formatHour是wxs的方法名 -->
<view class="item-desc">有效期:{{time.formatHour(item)}}</view>

wxs代码内容
注意:wxs 文件不能使用let const,new Data()等
真机测试时ios无法处理时间格式为"2022-12-12 00:00:00"
需要转为/符号
案例,只获取小时数

var formatHour = function(item) {
  if(item.startTime&&item.endTime){
    //修ios时间显示异常bug
    var times1 = item.startTime.replace("-", "/").replace("-", "/")
    var times2 = item.endTime.replace("-", "/").replace("-", "/")
    var stime = getDate(times1);
    var etime = getDate(times2);
    // 两个时间戳相差的毫秒数
    var usedTime = etime - stime;
    // 计算天数后剩余的毫秒数
    var leave1 = usedTime % (24 * 3600 * 1000);  
    // 计算出小时数  
    var hours = Math.floor(leave1 / (3600 * 1000));
    return hours + "小时"
  }
  return '-'
}
module.exports = {
  formatHour:formatHour
}

以下是根据时间戳获取日期,其他写法大同小异
注意Number()方法也无法使用

var formatTimes = function(date) {
  if(!date) return "-"
  var time = getDate(parseInt(date));
  var year = time.getFullYear();
  var month = time.getMonth() + 1;
  var day = time.getDate();
  var hour = time.getHours();
  var minute = time.getMinutes();
  var second = time.getSeconds();
  month = month < 10 ? "0" + month : month;
  date = date < 10 ? "0" + date : date;
  hour = hour < 10 ? "0" + hour : hour;
  minute = minute < 10 ? "0" + minute : minute;
  second = second < 10 ? "0" + second : second;
  return year + '-' + month + '-' + day + ' '+ hour + ':' + minute + ':' + second
}
module.exports = {
  formatTimes:formatTimes
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值