国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

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

微信小程序?qū)崿F(xiàn)提交input信息到后臺的方法示例

2020-03-21 16:03:08
字體:
供稿:網(wǎng)友

本文實例講述了微信小程序實現(xiàn)提交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><!-- 聯(lián)系電話事件綁定 --><view class="fl_form"><text>聯(lián)系電話</text><input type="text" placeholder='請輸入聯(lián)系電話' 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)}})

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


發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 丰台区| 陆河县| 和林格尔县| 姜堰市| 五华县| 凌源市| 吉安县| 红河县| 全南县| 和平县| 营山县| 衡水市| 枝江市| 抚宁县| 凯里市| 灵山县| 黄冈市| 镇坪县| 曲阜市| 巩义市| 阿勒泰市| 通江县| 绩溪县| 郸城县| 讷河市| 武义县| 类乌齐县| 乳山市| 洛浦县| 宕昌县| 南宫市| 游戏| 杭州市| 阳高县| 中超| 门源| 茶陵县| 宕昌县| 文安县| 望都县| 台湾省|