小程序预约功能和服务器交互,微信小程序实现时间预约功能

一个类似电商的时间预约功能，供大家参考，具体内容如下

1 .概述

我们在学习微信小程序或者做项目时，应该会遇到需要时间预约功能情况，那么这个时间预约功能我们应该怎么编写呢？于是就做了一个类似电商的时间预约功能，觉得有用，就独立出来成了个小插件，今天我们就分享这样的小教程。希望对大家有所帮助。

不多说了，上图来啦！

2. wxml

{ { item.week }}

{ { item.date }}

{ { timeItem.time }}

{ { timeItem.status }}

删除

保存

3 . js

// pages/orderTime/index.js

Page({

/**

* 页面的初始数据

*/

data: {

calendar:[],

width:0,

currentIndex:0,

currentTime: 0,

timeArr: [

{ "time": "8:00-10:00", "status": "约满" },

{ "time": "8:00-10:00", "status": "约满" },

{ "time": "8:00-10:00", "status": "约满" },

{ "time": "8:00-10:00", "status": "约满" },

{ "time": "8:00-10:00", "status": "约满" },

{ "time": "8:00-10:00", "status": "约满" },

{ "time": "8:00-10:00", "status": "约满" },

{ "time": "8:00-10:00", "status": "约满" },

{ "time&