微信云开发选择日期组件示例

以下是一个基于微信云开发的选择日期组件示例，使用云开发数据库存储选择的日期。

1. 在小程序中创建一个日期选择器组件。

<view class="container">
  <view class="date">
    <picker mode="date" value="{{date}}" start="{{currentDate}}" end="{{endDate}}" bindchange="bindDateChange">
      <view class="picker">
        {{date}}
      </view>
    </picker>
  </view>
</view>

2. 在页面的 JavaScript 文件中，设置日期选择器的相关属性。

Page({
  data: {
    date: '2021-01-01',
    currentDate: '',
    endDate: ''
  },

  onLoad: function () {
    // 获取当前日期并格式化
    let currentDate = new Date()
    let year = currentDate.getFullYear()
    let month = currentDate.getMonth() + 1
    let day = currentDate.getDate()
    month = month < 10 ? '0' + month : month
    day = day < 10 ? '0' + day : day
    let dateStr = year + '-' + month + '-' + day
    this.setData({
      currentDate: dateStr,
      endDate: dateStr
    })
  },

  bindDateChange: function(e) {
    this.setData({
      date: e.detail.value
    })
    // 调用云函数将用户选择的日期存储到数据库中
    wx.cloud.callFunction({
      name: 'saveDate',
      data: {
        date: e.detail.value
      },
      success: res => {
        console.log(res)
      },
      fail: err => {
        console.error(err)
      }
    })
  }
})

3. 创建一个云函数，将用户选择的日期存储到云开发数据库中。

const cloud = require('wx-server-sdk')

cloud.init({
  env: cloud.DYNAMIC_CURRENT_ENV
})

const db = cloud.database()

exports.main = async (event, context) => {
  try {
    const result = await db.collection('dates').add({
      data: {
        date: event.date,
        createTime: db.serverDate()
      }
    })
    return result
  } catch (err) {
    console.error(err)
  }
}

4. 在云开发控制台中创建一个名为 `dates` 的集合，用于存储用户选择的日期。

5. 运行小程序并选择一个日期，可以在云开发控制台的 `dates` 集合中看到新增的日期数据。

以上就是一个基于微信云开发的选择日期组件示例。该示例还可以扩展，例如从数据库中读取已选择的日期，在日期选择器上展示已选中的日期等。