登录 | 注册
小程序交流 +关注 已有0人关注 +发表新主题

小程序页面格式化日期数据

发表在 2019-4-10 10:04 来自PC 复制链接 手机看帖 扫一扫!手机看帖更爽 0 425

本帖最后由 bbkacs 于 2019-4-10 10:06 编辑

小程序页面格式化日期数据

小程序页面格式化日期数据


有时候在小程序页面遍历集合展示数据时,会有展示日期时间的需求,而数据存储时存储的日期格式不一定是我们要展示的格式,这时候需要将日期格式化成为我们需要展示的样子,下面分享一个格式化日期的函数及使用方法。

函数定义:
定义wxs文件str.wxs

'use strict';
/**
* ------------------------------------------
* 页面字符串处理
* ------------------------------------------
*/

var regYear =getRegExp("(y+)", "i");
/**
* 日期字符串格式化
* @param timeStr 日期对象? new Date()
* @param format 格式字符串?'yyyy-MM-ddhh:mm:ss'
*/
var dateFormat = function(timeStr, format){
  if (!format) {
    format = "yyyy-MM-ddhh:mm:ss";
  }
  var realDate =getDate(timeStr);
  function timeFormat(num) {
    return num < 10 ? '0' + num : num;
  }
  var date = [
    ["M+",timeFormat(realDate.getMonth() + 1)],
    ["d+",timeFormat(realDate.getDate())],
    ["h+",timeFormat(realDate.getHours())],
    ["m+",timeFormat(realDate.getMinutes())],
    ["s+",timeFormat(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 k = date[0];
var v = date[1];
    var reg2 = getRegExp("(" + k + ")").exec(format);
    if (reg2) {
      format = format.replace(reg2[1], reg2[1].length == 1
        ? v : ("00" + v).substring(("" + v).length));
    }
  }
  return format;
}

module.exports =({
  dateFormat: dateFormat,
});


页面调用

<wxs src="../../templates/str.wxs" module="strUtil" />

<text decode="true">{{strUtil.dateFormat(v.starttimer,'yyyy-MM-dd')}} 至 {{strUtil.dateFormat(v.endtimer,'yyyy-MM-dd')}}</text>

小程序页面格式化日期数据

小程序页面格式化日期数据
扫描二维码,手机查看本帖
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

返回顶部
快速回复 发贴