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

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

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());
  },
})

显示:


相关文章
|
小程序
微信小程序获取系统日期和时间及时间戳
微信小程序获取系统日期和时间及时间戳
842 0
微信小程序获取系统日期和时间及时间戳
|
28天前
|
小程序 前端开发 JavaScript
在线课堂+工具组件小程序uniapp移动端源码
在线课堂+工具组件小程序uniapp移动端源码
29 0
在线课堂+工具组件小程序uniapp移动端源码
|
2月前
|
移动开发 小程序 数据可视化
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
320 3
|
2月前
|
小程序 API
微信小程序更新提醒uniapp
在小程序开发中,版本更新至关重要。本方案利用 `uni-app` 的 `uni.getUpdateManager()` API 在启动时检测版本更新,提示用户并提供立即更新选项,自动下载更新内容,并在更新完成后重启小程序以应用新版本。适用于微信小程序,确保用户始终使用最新版本。以下是实现步骤: ### 实现步骤 1. **创建更新方法**:在 `App.vue` 中创建 `updateApp` 方法用于检查小程序是否有新版本。 2. **测试**:添加编译模式并选择成功状态进行模拟测试。
55 0
微信小程序更新提醒uniapp
|
4月前
|
小程序 前端开发 Java
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目
JavaDog Chat v1.0.0 是一款基于 SpringBoot、MybatisPlus 和 uniapp 的简易聊天软件,兼容 H5、小程序和 APP,提供丰富的注释和简洁代码,适合初学者。主要功能包括登录注册、消息发送、好友管理及群组交流。
115 0
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目
|
4月前
|
小程序 前端开发 JavaScript
【项目实战】SpringBoot+uniapp+uview2打造一个企业黑红名单吐槽小程序
【避坑宝】是一款企业黑红名单吐槽小程序,旨在帮助打工人群体辨别企业优劣。该平台采用SpringBoot+MybatisPlus+uniapp+uview2等技术栈构建,具备丰富的注释与简洁的代码结构,非常适合实战练习与学习。通过小程序搜索“避坑宝”即可体验。
114 0
【项目实战】SpringBoot+uniapp+uview2打造一个企业黑红名单吐槽小程序
|
4月前
|
存储 小程序 JavaScript
|
5月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的汉服交易小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的汉服交易小程序的详细设计和实现(源码+lw+部署文档+讲解等)
68 7
|
5月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的宠物医院微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的宠物医院微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
89 7
|
4月前
|
小程序 前端开发 安全