Picker 选择器

从底部弹出的滚动选择器，支持单列、多列、日期、时间。

代码演示

城市北京 ›

日期点击选择 ›

时间点击选择 ›

选择器

点击触发区域弹出选择面板

<m-picker mode="selector"
  :range='["北京","上海","广州","深圳","杭州"]'
  @change="onCityChange">
  <div>城市: {{ selectedCity }} ›</div>
</m-picker>

<m-picker mode="date" start="2020-01-01" end="2030-12-31"
  @change="onDateChange">
  <div>日期: {{ selectedDate }} ›</div>
</m-picker>

<m-picker mode="time" @change="onTimeChange">
  <div>时间: {{ selectedTime }} ›</div>
</m-picker>

API

属性

属性	说明	类型	默认值
mode	选择器类型	selector | multi | date | time	selector
range	选项数据（JSON 字符串）	string (json)	[]
value	当前选中值	string	-
start	有效范围开始（date 模式）	string	-
end	有效范围结束（date 模式）	string	-
disabled	是否禁用	boolean	false

事件

属性	说明	类型	默认值
change	确认选择时触发	{ value }	-
cancel	取消选择时触发	-	-