美文网首页开发者日记微信小程序开发
微信小程序:wmxl/wxs中日期格式化

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

作者: IT老五 | 来源:发表于2019-06-10 12:02 被阅读4次

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

但是,在wmxl中如何进行时间格式化呢?前面也说过,在wmxl使用js可以通过导入wxs,而时间格式化方面,wxs中也很简单,只要将new Date替换为getDate即可(wxs中无法使用new Date)。

下面是一个示例:将/Date(1915151515)/格式转为 yyyy-MM-dd

/**
 * 处理数字,如果少于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中

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

然后在需要转化的位置,比如text:

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

直接使用方法即可。

相关文章

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

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

  • 微信小程序:使用wxs检测邮箱格式实例

    之前介绍过微信小程序wxs功能的相关知识:微信小程序:新功能WXS(2017.08.30新增 这里做了一个比较常用...

  • 微信小程序开发|小程序脚本语言 WXS

    微信小程序开发|小程序脚本语言 wxs WXS(WeiXin Script)是小程序的一套脚本语言,结合 WXML...

  • 在WXS中遍历对象

    微信小程序提供了WXS语言,允许我们在WXML中执行简单的脚本,这在渲染时加工数据很有用,但是WXS没有JS功能强...

  • 微信小程序wxs

    其实一般业务,用WXML + JS,就已经足够了,但到现在更新了这么多个版本,文档上依然存在这东西就证明肯定有存在...

  • 微信小程序____WXS

    引言 WXS(WeiXin Script)是小程序的一套脚本语言,结合 WXML,可以构建出页面的结构。 注意 w...

  • 微信小程序 - wxs

    一、wxs文件是干哈用的? 在wxs文件中写一些方法,通过module.exports暴露出去,这样就可以被别的w...

  • 微信小程序学习笔记

    在微信小程序小技巧 1,在微信小程序的开发者工具中按住alt + shift + F 可以格式化代码样式。2,在a...

  • wxs 之 dateFormat

    小程序在 wxml 中格式化日期 Background 在写小程序的过程中,经常会用到日期格式化展示的功能,常规的...

  • 微信小程序 Wxs篇

    WXS(WeiXin Script)是小程序的一套脚本语言,结合 WXML,可以构建出页面的结构。 【注意】 WX...

网友评论

    本文标题:微信小程序:wmxl/wxs中日期格式化

    本文链接:https://www.haomeiwen.com/subject/xmwaxctx.html