wxs引入公共样式—时间戳和时间样式转换

本文介绍了一段JavaScript代码,该代码在WXS(微信小程序脚本语言)中定义了一个公共函数`myDate`,用于将日期对象格式化为多种时间格式。此外,还展示了如何在WXML中引用这个函数,并在`onLoad`生命周期方法中将云端获取的时间转换为时间戳。最后,通过`myDate`方法展示时间戳格式化的实例。
摘要由CSDN通过智能技术生成

1.wxs

var public={
    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];
    }
  }
  module.exports=public


2.wxml引入

<wxs src="../../wxs/public.wxs" module="public" />

3.将云端获取的时间转化为时间戳
getTime()将时间对象转化为时间戳

  onLoad: function (options) {
    db.collection("Art").get().then(res=>{
      res.data.forEach(item=>{
        item.post_time=item.post_time.getTime()
      })
     this.setData({
       dataList:res.data
     })
    })
  },

4.将数据放入引入的myDate()方法

  <view class="time">{{public.myDate(item.post_time)}}</view>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值