微信小程序提交input信息到后台

<!-- 用户名事件绑定 -->
< view class= "fl_form">
< text >您的姓名 </ text >
< input type= "text" placeholder= '请输入您的姓名' value= "{{userName}}" bindblur= 'userNameInput'></ input >
</ view >
<!-- 所属部门事件绑定 -->
< view class= "fl_form">
< text >所属部门 </ text >
< input type= "text" placeholder= '请输入所属部门' value= "{{userBranch}}" bindblur= 'userBranchInput'></ input >
</ 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">
< text >选择日期 </ text > < text class= "chosedate">{{date}} </ text >
</ view >
</ picker >
</ view >
<!-- 时间选择器 mode="time" -->
< view class= "fl_form newtime">
< 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 >
</ view >
<!-- 提交按钮 -->
< button class= "formbtn" bindtap= 'orderMeeting'>提交 </ button >

js代码:
var util = require( '../../utils/util.js') //引入微信自带的日期格式化
const app = getApp()
Page({
data: {
date:util.formatDate( new Date), //格式化日期
starttime: '9:00', //开始时间
endtime: '21:00', //结束时间
userName: '',
     userBranch: '',
userTell: ''
},
bindDateChange: function (e) {
this.setData({
date: e.detail.value
})
},
starttime: function (e) {
this.setData({
starttime: e.detail.value
})
},
endtime: function (e) {
this.setData({
endtime: e.detail.value
})
},
userNameInput: function (e) {
// console.log(e.detail.value)设置用户名
this.setData({
userName: e.detail.value
})
},
userBranchInput: function (e) {
// 设置部门
this.setData({
userBranch: e.detail.value
})
},
userTellInput: function (e) {
// 设置电话
this.setData({
userTell: e.detail.value
})
},
orderMeeting: function () { //提交input信息到后台
var userName = this.data.userName;
console.log(userName)
var userBranch = this.data.userBranch;
console.log( userBranch)
var userTell = this.data.userTell;
console.log(userTell)
var date = this.data.date;
console.log(userTell)

}
})

猜你喜欢

转载自blog.csdn.net/weixin_40292626/article/details/79572705