珠海小程序开发_微信小程序完成提交input信息到

发布时间:2021-01-08 10:25 作者:jianzhan

摘要: 手机微信微信小程序完成递交input信息内容到后台管理的方式实例 本文关键详细介绍了手机微信微信小程序完成递交input信息内容到后台管理的方式,融合案例方式剖析了手机微信微

微信小程序实现提交input信息到后台的方法示例       这篇文章主要介绍了微信小程序实现提交input信息到后台的方法,结合实例形式分析了微信小程序提交input信息到后台相关事件响应与数据处理操作技巧,需要的朋友可以参考下

本文实例讲述了微信小程序实现提交input信息到后台的方法。分享给大家供大家参考,具体如下:

wxml文件:

 !-- 用户名事件绑定 -- 
 view 
 text 您的姓名 /text 
 input type="text" placeholder='请输入您的姓名' value="{{userName}}" bindblur='userNameInput' /input 
 /view 
 !-- 所属部门事件绑定 -- 
 view 
 text 所属部门 /text 
 input type="text" placeholder='请输入所属部门' value="{{userBranch}}" bindblur='userBranchInput' /input 
 /view 
 !-- 联系电话事件绑定 -- 
 view 
 text 联系电话 /text 
 input type="text" placeholder='请输入联系电话' value="{{userTell}}" bindblur='userTellInput' /input 
 /view 
 !-- 日期选择器 mode="date" -- 
 view 
 picker mode="date" value="{{date}}" start="{{date}}" end="" bindchange="bindDateChange" 
 view 
 text 选择日期 /text text {{date}} /text 
 /view 
 /picker 
 /view 
 !-- 时间选择器 mode="time" -- 
 view 
 picker mode="time" value="{{startime}}" start="09:00" end="21:00" bindchange="starttime" 
 view 
 text 开始时间 /text text {{starttime}} /text 
 /view 
 /picker 
 picker mode="time" value="{{endtime}}" start="09:00" end="21:00" bindchange="endtime" 
 view 
 text 结束时间 /text text {{endtime}} /text 
 /view 
 /picker 
 /view 
 !-- 提交按钮 -- 
 button 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)

希望本文所述对大家微信小程序开发有所帮助。


  • 手机也可以做网站自助建

    目前,公司企业网站建设的方式可以称作有很多种了,除开比较广泛的定制化建设网站、自己学源代码建设网站、运用自助式式建设网站系统软件手机软件建设网站,最近还出现了更简

  • 做一个网站要多少钱?

    企业想要我掌握一下做一个官方网站需要多少钱?本人对这一都不是太掌握,因此了解一下大伙儿,有好的企业还可以强烈推荐一下哦!看到别的的企业在互连在网上做营销推广营销推

  • 如何提高企业定做网站的

    倘若企业选择了定制建设网站的方式,要想干出一个让人令人满意的网站,决不会是将全部的工作中中丢给第三方建设网站公司就完后了,那般设计方案计划方案出来的网站,维修率十

  • 定制网站建设的流程和好

    网站的建设早就越来越越越普遍的了,便于更强的给大家提供网站的建设,有很多模版类型的网立在可以供大伙儿选择。但是,还是有很多的人要选择定制网站的建设,显而易见的,定

  • 有那些免费创建网站的方

    就行像 TAP自助式建网站 这种的完全免费互联网服务现如今我国的自媒体平台服务平台综合服务平台门槛很低,大部分是每一个知名的门户网网网站,全是有本身的自媒体平台服务平台综