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