Picker 选择器

基本使用

template

<be-picker title="标题" v-model:visible="visible" mode="time" v-model:value="time"></be-picker>

script

import { ref } from 'vue';

const visible = ref(false);
const time = ref('');

TIP

Picker组件基于 DataPopup 和 PickerView 封装，更多示例请参考对应组件。

API

Props

属性名	说明	类型	默认值
visible(v-model)	是否打开弹出层	boolean	false
value(v-model)	当前选择的时间或地区	string | string[]	''
title	标题	string	请选择
confirmText	自定义确定按钮文字	string	确定
clearText	自定义清空按钮文字	string	清空
maskCloseAble	点击遮罩是否关闭弹出层	boolean	true
theme	主题色	css color	#4a68cc
mode	选择模式	time | region	time
timeFormat	时间格式（v-model 值的格式），当mode=time时生效。占位符：年yyyy 月MM 日dd 时hh 分mm 秒ss	string	yyyy-MM-dd
timeColumn	时间可选度量区间。一个数组，第一项表示最大度量单位，二个项表示最小度量单位，当mode=time时生效。单位值：年year 月month 日day 时hour 分minute 秒second	string[]	['year', 'day']
timeRange	时间可选范围。一个对象，例如{ year: [1990, 2030], hour: [12, 23] }表示年份范围 1990 ~ 2030，小时范围 12 点 ~ 23 点，字段名同上面单位值	object	-
province	指定省份，例如北京市，当mode=region时生效	string	-
regionValueType	地区值类型，默认中文名，可选地区编码	name | code	name
layout	列布局方式。可选值row-reverse，水平从右到左排列	default | row-reverse	default