小程序使用wxs格式化时间

首先实例时间对象,因为月份是0-11所以我们要+1, 小程序wxs中不支持使用es6-8语法, 只支持es5语法,所以我们不能用padStart(字符串不够两位数,向前补0详细看ES6 字符串的新增方法_w3cschool),这里我用到了三元运算符判断不够两位数, 则向前 + '0'

获取当前时间格式化

var filterTime = function () {
  // 实例化时间对象
  var dt = getDate() 

  // 获取当前年份
  var year = dt.getFullYear() 

  // 获取当前月份
  var month = dt.getMonth() + 1 >= 10 ? dt.getMonth() + 1 : '0' + (dt.getMonth() + 1)  

  // 获取当前日
  var days = dt.getDate() >= 10 ? dt.getDate() : '0' + dt.getDate() 

  // 获取当前小时
  var hour = dt.getHours() >= 10 ? dt.getHours() : '0' + dt.getHours()

  // 获取当前分 
  var min = dt.getMinutes() >= 10 ? dt.getMinutes() : '0' + dt.getMinutes() 

  // 获取当前秒
  var s = dt.getSeconds() >= 10 ? dt.getSeconds() : '0' + dt.getSeconds() 

  // 返回时间字符串
  return year + '-' + month + '-' + days + ' ' + hour + ':' + min + ':' + s
}

// 这里因为wxs只支持es5语法, 所以只能用module.exports
module.exports = {
  filterTime: filterTime
}

在wxml中引用

/* 引用wxs文件 */
<wxs module='ml' src='./time.wxs'></wxs>


/* 使用wxs中filterTime方法 */
<view>{{ml.filterTime()}}</view>

效果图如下

通过传参获取时间, 例如: 132200090000

var filterTime = function (time) {
  // 初始化时间
  var dt = getDate(time)

  // 获取当前年份
  var year = dt.getFullYear()

  // 获取当前月份
  var month = dt.getMonth() + 1 >= 10 ? dt.getMonth() + 1 : '0' + (dt.getMonth() + 1)

  // 获取当前日
  var days = dt.getDate() >= 10 ? dt.getDate() : '0' + dt.getDate()

  // 获取当前小时
  var hour = dt.getHours() >= 10 ? dt.getHours() : '0' + dt.getHours()

  // 获取当前分
  var min = dt.getMinutes() >= 10 ? dt.getMinutes() : '0' + dt.getMinutes()

  // 获取当前秒
  var s = dt.getSeconds() >= 10 ? dt.getSeconds() : '0' + dt.getSeconds()

  // 导出时间字符串
  return year + '-' + month + '-' + days + ' ' + hour + ':' + min + ':' + s
}

module.exports = {
  filterTime: filterTime
}

 在wxml页面调用filterTime方法进行传值

<view>{{ml.filterTime(132200090000)}}</view>


<wxs module='ml' src='./time.wxs'></wxs>

效果图

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值