微信小程序：提交表单数据中选择的日期

如何将选中的日期通过表单提交

add.js

Page({
  data: {
    info: {
      name: '',
      phone: '',
      createDate: ''
    },
  },
  onLoad() {

  },
  formSubmit(e) {
    const value = e.detail.value;
    if (value.name && value.phone) {
       console.info(value);
       //使用微信小程序的云开发添加数据，也可以使用其他的
       wx.cloud.init()
       const db = wx.cloud.database()
       db.collection('User').add({
         data: {
           name:value.name,
           phone:value.phone,
           createDate:value.createDate
         },
         success: res => {
           wx.showToast({
             title: '新增记录成功',
           })
           console.log('[数据库] [新增记录] 成功，记录 _id: ', res._id)
         },
         fail: err => {
           wx.showToast({
             icon: 'none',
             title: '新增记录失败'
           })
           console.error('[数据库] [新增记录] 失败：', err)
         }
       })
    } else {
      wx.showModal({
        title: '提示',
        content: '请填写完整资料',
        showCancel: false
      })
    }
  },
  bindDateChange: function (e) {
    this.setData({
      date: e.detail.value
    })
  }
})

add.wxml

<view class="main">
    <view class="form-box">
        <form bindsubmit="formSubmit">
            <input value="{{info.name}}" name="name" placeholder="姓名" />
            <input type="number" name="phone" value="{{info.phone}}" placeholder="电话号码" />

            <picker mode="date" value="{{info.createDate}}" start="2020-01-01" end="2089-01-01" bindchange="bindDateChange" >
                <view class="picker">
                    当前选择:{{date}}
                    <input style="" name="createDate" id="{{info.createDate}}" value="{{date}}" 
                    style="display:none" 
                    />
                </view>
            </picker>
            
            <button form-type="submit">保存</button>
        </form>
    </view>
</view>

add.wxss

.form-box{
    padding-left: 30rpx;
}
.form-box input{
    height: 90rpx;
    border-bottom: 1rpx solid #ededed;
    color: #999;
}
.form-box .input-placeholder{
    color: #aaa;
}
.form-box button{
    margin:30rpx 30rpx 0 0;
}
.form-box picker{
margin: 30rpx 30rpx 0 0;
color: #999;
}