获取input里的vlue值传到后台

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

  • 2
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值