小程序---格式化日期

wxml里的格式化日期

新建一个filter.wxs 文件,放到utils文件夹下。

	//日期格式化-------------------------------------------------------------
var formatTime = function (strDate, format = "yyyy-MM-dd hh:mm:ss") {
  // 解决ios出现NaN问题
  var realDate = strDate ? getDate(strDate.replace(getRegExp('-', 'g'), '/')) : getDate();
  var regYear = getRegExp("(y+)", "i");
  var date = [
    ["M+", realDate.getMonth() + 1],
    ["d+", realDate.getDate()],
    ["h+", realDate.getHours()],
    ["m+", realDate.getMinutes()],
    ["s+", 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 reg2 = getRegExp("(" + date[i][0] + ")").exec(format);
    if (reg2) {
      format = format.replace(reg2[1], reg2[1].length == 1 ? v : ("00" + date[i][1]).substring(("" + date[i][1]).length));
    }
  }
  return format;
}
module.exports = {
  formatTime: formatTime,//日期格式化
}

wxml 里面这么使用

	引入:<wxs module="filter" src="/utils/filter.wxs"></wxs>
使用:<text class='valid-text'>有效期:{{filter.formatTime(data.startTime, 'yyyy-MM-dd')}}</text>

js的格式化日期代码

在小程序自己提供的utils工具中,有一个日期格式化的函数。
先在js文件中导入var util = require(’…/…/utils/util.js’),然后使用util.formatTime(new Date)格式化日期。
utils.js

	const formatTime = date => {
  const year = date.getFullYear()
  const month = date.getMonth() + 1
  const day = date.getDate()
  const hour = date.getHours()
  const minute = date.getMinutes()
  const second = date.getSeconds()

  return [year, month, day].map(formatNumber).join('/') + ' ' + [hour, minute, second].map(formatNumber).join(':')
}

const formatNumber = n => {
  n = n.toString()
  return n[1] ? n : '0' + n
}

module.exports = {
  formatTime: formatTime
}

需要格式化日期的js

 // 在需要使用的js文件中,导入js  
var util = require('../../utils/util.js');  
Page({  
  data: {  
  time:util.formatTime(new Date())
  },  
  onLoad: function () {  
    // 调用函数时,传入new Date()参数,返回值是日期和时间  
    var time = util.formatTime(new Date());  
    // 再通过setData更改Page()里面的data,动态更新页面的数据  
    this.setData({  
      time: time  
    });  
  }    
})  

小程序自定义格式化时间戳函数

	formatTime (time) {
	const formatNumber = n => {
	n = n.toString()
	return n[1] ? n : '0' + n
	}
	let date = new Date(time);
	const year = date.getFullYear()
	const month = date.getMonth() + 1
	const day = date.getDate()
	return [year, month, day].map(formatNumber).join('.')
}

参考文章:https://blog.csdn.net/weixin_40292626/article/details/79668543
https://blog.csdn.net/ZHFDBK/article/details/98882526
https://blog.csdn.net/liukai6/article/details/80844171

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值