网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

微信小程序表单类组件picker时间选择器使用详解

时间:2024-11-18 13:50:25

1、先百度搜索查看 picker 滚动选择器组件的官方文档,通过设置其 mode 属性的值可使用不同的滚动选择器,不同的选择器除了公共属性外,还会有一些特殊属性。本篇经验分享时间选择器的相关内容(即 mode = 'time')。

微信小程序表单类组件picker时间选择器使用详解

3、在 js 文件中定义上面数据绑定所使用的变量,以及 bindchange 属性绑定的回调函数。

微信小程序表单类组件picker时间选择器使用详解

5、保存编译后,在模拟器中查看页面效果,符合预期,点击选择器,弹出滚动选择区域,当超出设置的时间范围后,会自动回弹;确认选择一个时间后,会触发 bindchange 绑定的回调函数。

微信小程序表单类组件picker时间选择器使用详解
© 2025 小知经验
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com