微信小程序wxs时间戳格式化多功能转换方法

收录时间:2020-03-29 17:28:24    所属分类: 文章干货
在小程序开发中,我们经常遇到时间戳转换的问题,使用原生的js或者小程序自带的wxs都能解决该方法,通过大量的实例验证,我对wxs的使用方法觉得非常的方便,所以下面给大家看一下代码,通过这种方法可以轻松获取好几种类型的时间戳转换为正常时间的方法。
微信小程序wxs时间戳格式化多功能转换方法

在小程序开发中,我们经常遇到时间戳转换的问题,使用原生的js或者小程序自带的wxs都能解决该方法,通过大量的实例验证,我对wxs的使用方法觉得非常的方便,所以下面给大家看一下代码,通过这种方法可以轻松获取好几种类型的时间戳转换为正常时间的方法。


首先把代码放到下面,方便大家复制


  myDate: function (value, type = 0){
    var time = getDate(value);
    var year = time.getFullYear();
    var month = time.getMonth() + 1;
    var date = time.getDate();
    var hour = time.getHours();
    var minute = time.getMinutes();
    var second = time.getSeconds();
    month = month < 10 ? "0" + month : month;
    date = date < 10 ? "0" + date : date;
    hour = hour < 10 ? "0" + hour : hour;
    minute = minute < 10 ? "0" + minute : minute;
    second = second < 10 ? "0" + second : second;
    var arr = [
      year + "-" + month + "-" + date,
      year + "-" + month + "-" + date + " " + hour + ":" + minute + ":" + second,
      year + "年" + month + "月" + date,
      year + "年" + month + "月" + date + " " + hour + ":" + minute + ":" + second,      
      hour + ":" + minute + ":" + second
    ]
    return arr[type];
  }


上面的代码我们来解释一下:

你可以把这段代码放在你的wxs的公共文件中,当然你也可以放在js的公共文件中,不建议大家直接放在直接的js逻辑文件中,因为代码量很大,很乱不方便。


如果你在小程中使用,建议大家先创建一个wxs文件夹,在wxs文件夹下创建一个public.wxs的文件。如图:

在这个public.wxs中你可以创建公共的方法,然后通过module.exports导出到外面。代码如下:

var public={
  myDate:function(){
    //这里放置时间格式化代码
 }
}
module.exports=public


下面代码是在页面中调用的办法,需要在你的wxml页面引入wxs,然后调用公共方法。


<wxs module="public" src="../../wxs/public.wxs"/>
<view>{{public.myDate(1585472088000)}}</view>


代码解释:大家看到这个调用方法myDate(参数1,参数2)。需要传递两个参数。

参数1:这个就是需要传入的时间戳;

参数2:这个是非必填参数,如果不填返回的是2020-10-10。

如果传1:2020-10-10 12:12:12;

如果传2:2020年10月10日

如果传3:2020年10月10日 12:12:12

如果传4:12:12:12


总结:这里举例的是wxs的使用办法,当然JS的公共文件引入也是一样的,大家可以记住这个日期格式化的办法,以后肯定会用到的。


7062

最新发布