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

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

浏览量:3896 时间: 来源:黎成诃月
<!-- 用户名事件绑定 -->  <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)
 }})

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎