麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 課堂 > 小程序 > 正文

微信小程序實現提交input信息到后臺的方法示例

2020-03-21 16:03:08
字體:
來源:轉載
供稿:網友

本文實例講述了微信小程序實現提交input信息到后臺的方法。分享給大家供大家參考,具體如下:

wxml文件:

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

希望本文所述對大家微信小程序開發有所幫助。


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: www.91pron | 一级黄色免费观看视频 | 黄色免费播放网站 | 国产精品久久久久久久亚洲按摩 | 国产91精品一区二区麻豆亚洲 | 99国产精品国产免费观看 | 精品久久久久久成人av | 亚洲特黄a级毛片在线播放 久久久入口 | av国语| 毛片大全免费看 | 色视频在线观看 | 一级免费黄视频 | 综合激情网 | 黄色羞羞视频在线观看 | 综合网天天射 | 日韩黄色av网站 | 久久久久久久久成人 | 久久久一区二区三区四区 | 国产精品18久久久久久久 | 第四色成人网 | 成人福利视频网站 | 911视频免费版 | 欧美性生活视频免费 | 精品久久久久久久久久久久久久 | 日韩在线播放第一页 | 色污视频在线观看 | 中文字幕精品在线播放 | 中文字幕亚洲欧美 | 中国a级黄色片 | 欧美一区二区三区不卡免费观看 | 黄色网址免费入口 | 男女羞羞视频在线免费观看 | 欧美a在线看 | 精品久久久久久 | 成人毛片在线免费看 | 久久精品视频日本 | 国产69精品久久久久久野外 | 亚洲国产精品久久久久久久久久久 | www.91pron | 欧美成人三级大全 | 激情久久一区二区 |