微信小程序:wmxl/wxs中日期格式化

itlao6 原创 开发&源码 微信小程序评论1,200字数 779阅读2分35秒阅读模式

前面说过,在js中进行时间格式化很方便,直接利用new Date就可以了!

但是,在wmxl中如何进行时间格式化呢?前面也说过,在wmxl使用js可以通过导入wxs,而时间格式化方面,wxs中也很简单,只要将new Date替换为getDate即可(wxs中无法使用new Date)。文章源自IT老刘-https://wp.itlao6.com/944.html

下面是一个示例:将/Date(1915151515)/格式转为 yyyy-MM-dd文章源自IT老刘-https://wp.itlao6.com/944.html

/**
 * 处理数字,如果少于2位则前面加0(用于时间格式化)
 */
var formatNumber = function (n) {
  n = n.toString()
  return n[1] ? n : '0' + n
}
/**
 * /Date(1915151515)/格式转为 yyyy-MM-dd
 */
var formatDate = function (datetime) {
  var times = parseInt(datetime.replace("/Date(", "").replace(")/", ""));
  var date = getDate(times);
  var year = date.getFullYear();
  var month = date.getMonth() + 1;
  var day = date.getDate();
  return [year, month, day].map(formatNumber).join('-');
}
module.exports = {
  formatDate: formatDate
}

调用时,在wxml中文章源自IT老刘-https://wp.itlao6.com/944.html

<!-- 引入wxs脚本 -->
<wxs src="../../wxs/subutil.wxs" module="tools" />

然后在需要转化的位置,比如text:文章源自IT老刘-https://wp.itlao6.com/944.html

<text class="item-text-hint marginRight">{{tools.formatDate(item.CreateTime)}}</text>

直接使用方法即可。文章源自IT老刘-https://wp.itlao6.com/944.html 文章源自IT老刘-https://wp.itlao6.com/944.html

weinxin
我的微信公众号
微信扫一扫关注公众号,不定时更新
itlao6
  • 本文由 发表于 2019年 6月 10日 12:02:09
  • 转载请务必保留本文链接:https://wp.itlao6.com/944.html
评论  0  访客  0
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定