微信小程序date日期格式化

本篇文章讲解一下微信小程序Date日期自定义格式化的方法， 方便以后查阅

这里我们把格式化的方法封装成一个帮助类库，方便其它地方使用

此方法只适合微信小程序中js中日期格式化，wxml文件是不可以用的，点击查看wxml中如何进行日期格式化

一、首先我们先创建一个util.js文件（名字随意，路径也随意，引用时需要引对就可以了），然后把下面的代码复制过去

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

/** 
 * 时间戳转化为年 月 日 时 分 秒 
 * number: 传入时间戳 
 * format：返回格式，支持自定义，但参数必须与formateArr里保持一致 
*/
function formatTime(date, format) {

    var formateArr = ['Y', 'M', 'D', 'h', 'm', 's'];
    var returnArr = [];
    returnArr.push(date.getFullYear());
    returnArr.push(formatNumber(date.getMonth() + 1));
    returnArr.push(formatNumber(date.getDate()));

    returnArr.push(formatNumber(date.getHours()));
    returnArr.push(formatNumber(date.getMinutes()));
    returnArr.push(formatNumber(date.getSeconds()));

    for (var i in returnArr) {
        format = format.replace(formateArr[i], returnArr[i]);
    }
    return format;
}

module.exports = {
    formatTime: formatTime,
}

二、使用方法

比如说我再index.js中使用此方法

//引用你刚刚的util.js   路径根据自己的实际情况,我demo的路径不一定跟你的一样
var demo = require("../utils/util")
// pages/index.js
Page({

   /**
      * 页面的初始数据
    */
    data: {
        host: app.config.host,
        showModal: false,
        saoMaData: {}
    },

	/**
	 * 生命周期函数--监听页面加载
	 */
    onLoad: function (options) {
        console.log(demo.formatTime(new Date(),"Y年M月D日 h时m分s秒"))
        console.log(demo.formatTime(new Date(),"Y-M-D h:m:s"))
        console.log(demo.formatTime(new Date(),"Y-M-D"))
        console.log(demo.formatTime(new Date(),"M-D"))
        console.log(demo.formatTime(new Date(),"h时m分s秒"))
        console.log(demo.formatTime(new Date(),"h时m分"))
        console.log(demo.formatTime(new Date(),"s秒"))
        console.log(demo.formatTime(new Date("2008-08-08 18:17:16"),"Y年M月D日 h时m分s秒"))
    },
})

输出结果如下：

相关文章

微信小程序wxml日期时间格式化显示