微信小程序 picker 组件详解及简单实例

前端之家收集整理的这篇文章主要介绍了微信小程序 picker 组件详解及简单实例前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

微信小程序picker

相关文章

实现效果图:

微信小程序picker

滚动选择器,现支持三种选择器,通过mode来区分,分别是普通选择器,时间选择器,日期选择器,默认是普通选择器

普通选择器:mode=selector

属性名 类型 默认值 说明

时间选择器:mode=time

属性名 类型 默认值 说明

日期选择器:mode=date

<table>

属性名 类型 默认值 说明

示例代码

<view class="section">
<view class="section__title">日期选择器
<picker mode="date" value="{{date}}" start="2015-09-01" end="2017-09-01" bindchange="bindDateChange">
<view class="picker">
当前选择: {{date}}

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持

猜你在找的微信小程序相关文章