微信小程序实现时间预约代码

以下是一个简单的微信小程序时间预约代码的示例：

1. 在 wxml 文件中添加以下代码：

<view class="container">
  <picker mode="date" bindchange="onDateChange">
    <view class="picker">
      {{date}}
    </view>
  </picker>
  <picker mode="time" bindchange="onTimeChange">
    <view class="picker">
      {{time}}
    </view>
  </picker>
  <button class="btn" bindtap="onSubmit">提交</button>
</view>

2. 在 js 文件中添加以下代码：

Page({
  data: {
    date: '',
    time: ''
  },

  onDateChange: function (e) {
    this.setData({
      date: e.detail.value
    })
  },

  onTimeChange: function (e) {
    this.setData({
      time: e.detail.value
    })
  },

  onSubmit: function () {
    if (!this.data.date || !this.data.time) {
      wx.showToast({
        title: '请选择日期和时间',
        icon: 'none'
      })
      return
    }
    // 发送预约请求
    wx.request({
      url: 'https://example.com/appointment',
      method: 'POST',
      data: {
        date: this.data.date,
        time: this.data.time
      },
      success: function (res) {
        wx.showToast({
          title: '预约成功',
          icon: 'success'
        })
      },
      fail: function (res) {
        wx.showToast({
          title: '预约失败',
          icon: 'none'
        })
      }
    })
  }
})

以上代码中，我们使用了 picker 组件来让用户选择日期和时间，并且在选择完成后将数据保存到 data 中。当用户点击提交按钮时，我们会向服务器发送一个预约请求，如果成功则会弹出一个成功提示框，否则会弹出一个失败提示框。