微信小程序实现提交input信息到后台的方法示例

微信小程序实现提交微信小程序实现提交input信息到后台的方法示例信息到后台的方法示例

主要介绍了微信小程序实现提交input信息到后台的方法,结合实例形式分析了微信小程序提交input信息到后台相

关事件响应与数据处理操作技巧,需要的朋友可以参考下

本文实例讲述了微信小程序实现提交input信息到后台的方法。分享给大家供大家参考，具体如下：

wxml文件：

<!-- 用户名事件绑定 -->

<view class="fl_form">

<text>您的姓名</text>

</view>

<!-- 联系电话事件绑定 -->

<view class="fl_form">

<text>联系电话</text>

<input type="text" placeholder='请输入联系电话' value="{{userTell}}" bindblur='userTellInput'></input>

</view>

<!-- 日期选择器 mode="date" -->

<view class="fl_form">

<picker mode="date" value="{{date}}" start="{{date}}" end="2020-01-01" bindchange="bindDateChange">

<view class="picker">

<picker mode="time" value="{{startime}}" start="09:00" end="21:00" bindchange="starttime">

<view class="picker">

<text>开始时间</text> <text class="chosedate">{{starttime}}</text>

</view>

</picker>

<picker mode="time" value="{{endtime}}" start="09:00" end="21:00" bindchange="endtime">

<view class="picker end">

<text>结束时间</text> <text class="chosedate">{{endtime}}</text>

</view>

</picker>

Page({

data: {

date:util.formatDate(new Date), //格式化日期

starttime: '9:00', //开始时间

endtime: '21:00', //结束时间

userName: '',

userBranch: '',

userTell: ''

},

bindDateChange: function (e) {

starttime: e.detail.value

})

},

endtime: function (e) {

this.setData({

endtime: e.detail.value

})

},

userNameInput: function (e) {