在微信小程序中实现时间日期的选择,并且显示当前选择的时间日期

论坛 期权论坛 脚本     
匿名技术用户   2020-12-27 14:50   46   0
<!--时间选择器 -->
<view class=''>选择时间></view>
<picker mode="time" value='{{time}}' start="09:01" end="21:01" bindchange='bindTimeChange' >
<view>当前选择:{{time}}</view>
</picker>
</form>

使用了官方自带的picker标签
start 表示有效时间范围的开始,字符串格式为"hh:mm"
end 表示有效时间范围的结束,字符串格式为"hh:mm"
bindchange value 改变时触发 change 事件
我们定义了一个bindTimeChange事件接下来我们在js文件中:
bindTimeChange:function(e){
//设置事件
this.setData({
//给当前time进行赋值
time:e.detail.value
})
}
在这里我们在上面定义一个time="09:04" 默认设置成九点4分

接下来我们的时间选择就ok了

https://mp.weixin.qq.com/debug/wxadoc/dev/component/picker.html 官方文档 比较细腻
眼看十遍,不如手巧十遍

分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:7942463
帖子:1588486
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP