前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >小程序返回的时间戳转化成时间

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

作者头像
王小婷
发布2020-10-26 15:15:44
1.7K0
发布2020-10-26 15:15:44
举报
文章被收录于专栏:编程微刊编程微刊

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

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

代码语言:javascript
复制
{
    "msg": "操作成功",
    "code": "0000",
    "data": [
        {
            "taskId": 1,        
            "taskStartTime": 1602432000000,
            "taskEndTime": 1602518400000
        },
        {
            "taskId": 2,         
            "taskStartTime": 1602432000000,
            "taskEndTime": 1602518400000
        }
    ]
}

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

代码语言:javascript
复制
<view class="cu-item" wx:for="{{timeList}}" wx:key="index"> 
    <view class=" text-left" >周期:{{item.taskStartTime}}~{{item.taskEndTime}}</view>
</view>

js

代码语言:javascript
复制
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());
  },
})

显示:

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
云开发 CLI 工具
云开发 CLI 工具(Cloudbase CLI Devtools,CCLID)是云开发官方指定的 CLI 工具,可以帮助开发者快速构建 Serverless 应用。CLI 工具提供能力包括文件储存的管理、云函数的部署、模板项目的创建、HTTP Service、静态网站托管等,您可以专注于编码,无需在平台中切换各类配置。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档