<!-- 用户名事件绑定 -->
<
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 newtime">
<
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" -->
<
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)
}
})