如何将选中的日期通过表单提交
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="-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;}