首页 > 代码库 > 微信小程序之日期与时间插件
微信小程序之日期与时间插件
页面
1 <picker mode="time" 2 value="http://www.mamicode.com/{{time}}" 3 start="{{minTime}}" 4 end="{{maxTime}}" 5 bindchange="timeChange"> 6 {{time}} 7 </picker> 8 9 <picker mode="date" 10 value="http://www.mamicode.com/{{date}}" 11 start="{{minDate}}" 12 end="{{maxDate}}" 13 bindchange="dateChange">14 {{date}}15 </picker>16 <button bindtap="save">提交</button>
逻辑
1 Page({ 2 data: { 3 //默认日期&时间 4 date: ‘2016-09-01‘, 5 time: ‘12:01‘, 6 //日期&时间上下限制 7 minTime:‘09:00‘,//开始时间上限 8 maxTime:‘18:00‘,// 结束时间下限 9 minDate:‘2015-08-20‘,//开始日期上限10 maxDate:‘2018-01-01‘//结束日期下限11 },12 13 14 15 dateChange: function(e) {16 this.setData({17 date: e.detail.value18 })19 },20 timeChange: function(e) {21 this.setData({22 time: e.detail.value23 })24 },25 26 27 28 save:function(){29 var date=this.data.date;30 var time=this.data.time;31 console.log(date,time)32 }33 })
效果
微信小程序之日期与时间插件
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。