公众号预约小程序

<!-- pages/reserve/reserve.wxml -->
<form bindsubmit="formSubmit">
  <view>
    <text>选择服务:</text>
    <picker mode="selector" range="{{services}}" bindchange="serviceChange">
      <view>{{selectedService}}</view>
    </picker>
  </view>
  <view>
    <text>选择时间:</text>
    <picker mode="datetime" bindchange="timeChange">
      <view>{{selectedTime}}</view>
    </picker>
  </view>
  <button formType="submit">提交预约</button>
</form>

// pages/reserve/reserve.js
Page({
  data: {
    services: ['美容', '按摩', '理发'],
    selectedService: '请选择服务',
    selectedTime: '请选择时间'
  },
  serviceChange(e) {
    this.setData({ selectedService: this.data.services[e.detail.value] });
  },
  timeChange(e) {
    this.setData({ selectedTime: e.detail.value });
  },
  formSubmit(e) {
    // 提交预约信息到服务器
    wx.request({
      url: 'https://your-server.com/reserve',
      method: 'POST',
      data: {
        service: this.data.selectedService,
        time: this.data.selectedTime
      },
      success(res) {
        if (res.data.success) {
          wx.showToast({ title: '预约成功' });
        } else {
          wx.showToast({ title: '预约失败', icon: 'none' });
        }
      }
    });
  }
});