微信小程序中怎么实现日期选择器
发表于:2024-10-23 作者:千家信息网编辑
千家信息网最后更新 2024年10月23日,今天小编给大家分享一下微信小程序中怎么实现日期选择器的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起
千家信息网最后更新 2024年10月23日微信小程序中怎么实现日期选择器
今天小编给大家分享一下微信小程序中怎么实现日期选择器的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。
上gif:
上代码:
1.index.js
//index.js //获取应用实例 var app = getApp() Page({ data: { date: '2016-11-08', time: '12:00', array: ['中国', '巴西', '日本', '美国'], index: 0, }, onLoad: function () { }, // 点击时间组件确定事件 bindTimeChange: function (e) { this.setData({ time: e.detail.value }) }, // 点击日期组件确定事件 bindDateChange: function (e) { this.setData({ date: e.detail.value }) }, // 点击国家组件确定事件 bindPickerChange: function (e) { this.setData({ index: e.detail.value }) } }) 2.index.wxml[html] view plain copy国家:{{array[index]}} 时间 : {{time}} 日期: {{date}}
①普通选择器
选择器用mode来区别,默认是普通选择器,e.detail.value拿到的值是选择了项的索引index,再通过array拿到值.在data里面做初始化的时候,将备选项加入array即可.
选择时触发bindPickerChange事件,获取index.
②时间选择器
mode = time时,是时间选择器.start,end分别是有效时间范围的开始和结束.格式hh:mm
选择时触发bindTimeChange事件,获取time.
③日期选择器
mode = date时,是时间选择器.start,end分别是有效日期范围的开始和结束.格式yyyy-MM-dd
选择时触发bindDateChange事件,获取date
以上就是"微信小程序中怎么实现日期选择器"这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注行业资讯频道。
选择
日期
事件
时间
知识
篇文章
组件
程序
普通
有效
内容
国家
格式
范围
不同
很大
上代
大部分
实例
就是
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
LUM数据库技术类
潍坊长征互联网络科技
老头环连接不上服务器ps5
茂名市网络安全宣传
达梦数据库怎么查看服务名称
川大数据库原理与技术答案
彩虹六号亚洲服务器
虚拟灭火软件开发
有关网络安全海报
当前我们面临哪些网络安全
公务员服务器不满五年辞职
广电网络安全培训百分比
福州中睿网络技术有限公司电话
软件开发项目风险应对
网络安全活动主题班会
网络安全装置项目
计算机网络技术苦吗
上机数据库期末考试
软件开发找私活
软件开发可以做近视眼手术吗
计算机网络技术利弊
怎样修改数据库系统密码
软件开发卖给政府
关于肿瘤的数据库有哪些
青岛培训软件开发教程
数据库中dbs
提高网络安全性的措施
肇庆市有软件开发行业吗
mysql创建本地数据库
梦幻西游生日快乐服务器很卡