微信小程序进阶开发-picker 实现选择框、时间选择、日期选择、性别选择……

作者:vkvi 来源:千一网络(原创) 日期:2017-4-27

picker 实现从底部弹出滚动选择器,有个属性叫 mode,只有三个值:

  • mode="selector"
  • mode="time"
  • mode="date"

所以要实现地区选择、性别选择……,就用 mode="selector",然后自己填充数据。

我们倒着介绍,先介绍 mode="date"

fields 可选择值:year(细化到年)、month(细化到月)、day(细化到日)

效果:

picker 日期选择

注意:“微信web开发者工具”在这里有个 BUG,上面我们指定的是 2017 年,但列表显示的是 2018 年。这个 BUG 只存在于“微信web开发者工具”,在手机微信上不存在这个 BUG。

绑定事件:

鉴于上面说的 BUG,为了测试方便,我们将 end 改到 2018 年。

 

data 值会自动映射到控件,但是控件的值变化并不会映射到 data,所以要用一个方法(这里是 bindDateChange)来 setData。

mode="time"

时间选择与日期选择相似,时间格式为:hh-mm,不具备 fields 属性。

mode="selector"

 

 

你前面那位网友看了:第一个 ASP.NET 程序

▲▲▲嘿,欢迎转载传播本站原创文章,尽量保留来源噢。▲▲▲

文章评论
标题:必填
内容:
赞助商们
vkvi
vkvi

作者简介: vkvi,致力于 .NET Web 开发、移动开发的技术推广,在 .NET、SQL Server、Windows Server 等方面有深入研究和丰富经验,10 年间共计撰写文章 4000 余篇。 主持金融、国土、农业、电商等多个行业项目执行, 推行“技术提升生产力、人心决定成功率”的管理理论。 联系他