小程序日期时间选择器怎么实现


今天小编给大家分享一下小程序日期时间选择器怎么实现的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。
  要用到picker组件,动画从底部弹起的滚动选择器,现支持三种选择器,通过mode来区分,分别是普通选择器,时间选择器,日期选择器,默认是普通选择器。
  看下相应的属性:
  ①普通选择器
  选择器用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
  具体的来看看代码,布局:
css样式:
代码很简单,分别绑定事件,点击切换就Ok。以上就是“小程序日期时间选择器怎么实现”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注百云主机行业资讯频道。

相关推荐: C语言如何实现动态开辟存储杨辉三角

本文小编为大家详细介绍“C语言如何实现动态开辟存储杨辉三角”免费云主机域名,内容详细,步骤清晰,细节处理妥当,希望这篇“C语言如何实现动态开辟存储杨辉三角”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。杨辉三角相必大家并不陌生,第1行…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

Like (0)
Donate 微信扫一扫 微信扫一扫
Previous 01/14 21:27
Next 01/14 21:27

相关推荐