美文网首页
小程序返回的时间戳转化成时间

小程序返回的时间戳转化成时间

作者: 祈澈菇凉 | 来源:发表于2020-10-16 13:53 被阅读0次

    1:打开微信开发者工具,填写自己的appid和项目名称,新建一个项目。

    2:准备好json数据,并且将json数据放在服务器上,可以通过域名来访问数据,这样会方便一点,也可以直接把json数据放在本地引用。
    json

    {
        "msg": "操作成功",
        "code": "0000",
        "data": [
            {
                "taskId": 1,        
                "taskStartTime": 1602432000000,
                "taskEndTime": 1602518400000
            },
            {
                "taskId": 2,         
                "taskStartTime": 1602432000000,
                "taskEndTime": 1602518400000
            }
        ]
    }
    

    3:开始写小程序的相关代码
    wxml

    <view class="cu-item" wx:for="{{timeList}}" wx:key="index"> 
        <view class=" text-left" >周期:{{item.taskStartTime}}~{{item.taskEndTime}}</view>
    </view>
    

    js

    Page({
      data: {
        timeList: []
      },
      onLoad: function (options) {
        wx.request({
          url: 'http://www.xxxxx.com/1.json',
          header: {
            'content-type': 'application/json'
          },
          success: res => {
            this.setData({
              timeList: (res.data.data || []).map(a => {
                a.taskStartTime = typeof a.taskStartTime === 'number' ? this.formatDate(new Date(a.taskStartTime)) : a.taskStartTime.slice(0, 10)
                a.taskEndTime = typeof a.taskEndTime === 'number' ? this.formatDate(new Date(a.taskEndTime)) : a.taskEndTime.slice(0, 10)         
                return a
              })
            })
          }
        })
      },
      formatDate(date) {
        return date.getFullYear() + (date.getMonth() < 9 ? "-0" + (date.getMonth() + 1) : "-" + (date.getMonth() + 1)) + (date.getDate() < 10 ? "-0" + date.getDate() : "-" + date.getDate());
      },
    })
    

    显示:


    相关文章

      网友评论

          本文标题:小程序返回的时间戳转化成时间

          本文链接:https://www.haomeiwen.com/subject/gygipktx.html