小程序input框添加时间

HTML静态页面

<!-- 添加体重和当前时间 -->
<view class="main">
    <view class="form-box">
        <form bindsubmit="formSubmit">

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

            <input value="{{info.name}}" name="weight" placeholder="体重" />

            <button form-type="submit">保存</button>
        </form>
    </view>
</view>

然后再js的page的data中定义时间和体重

 data: {
    info: {
      weight: '',
      time: ''
    },
  },

调用接口进行数据的添加

formSubmit(e) {
    const value = e.detail.value;
    if (value.time && value.weight) {
      wx.request({
      url: 'http://day528.exam9.com/weight',
      //method:"POST",
      data:{
        time:e.detail.value.time,
        weight:e.detail.value.weight
    },
      // header: {
      //   'content-type': 'application/x-www-form-urlencoded' // 默认值
      // },
      success:function(res){
        //console.log(res.data)
        if(res.data.code==500){
          wx.showToast({
            title: '请选择日期体重',
          })
          return false;
        }
        if(res.data.code==200){
            wx.showToast({
              title: '添加成功',
            })
        }
      }
    })
     }
  },
  bindDateChange: function (e) {
    this.setData({
      date: e.detail.value
    })
  },

表单的样式

.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;
}