# mobile_picker选择器

**Repository Path**: hubt/mobile-picker

## Basic Information

- **Project Name**: mobile_picker选择器
- **Description**: 基于swiper和jquery开发的用于手机端picker选择器
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-05-18
- **Last Updated**: 2021-05-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# mobile_picker选择器

#### 介绍
基于swiper和jquery开发的用于手机端picker选择器

#### 参数说明
|参数|类型|默认值|说明|
|---|---|---|---|
|mode|String|selector|选择器的类型|
|title|String|无|标题|
|value|String Array Number|无|默认选中值|
|name|String|无|name值|
|height|Number|30|item高度|
|number|Number|5|item展示个数|
|list|Array|[]|数据列表|
|region|String|无|mode为region生效，省市区获取接口|
|btn|Array|['确定','取消']|按钮|

#### mode参数说明
|参数|说明|开通状态|
|---|---|---|
|selector|单项选择器|✔|
|multiSelector|多项选择器||
|time|时间选择器||
|date|日期选择器||
|region|省市区选择器||

#### 使用说明

1.  需引入swiper 和mobile_picker.css文件
2.  代码示例
``` js
$(id选择器).picker({
	mode:'time',
	title:'请选择美食',
	value:0,
	name:'mobile_picker1',
	height:30,
	number:5,
	list:list1,
	btn:['确定','取消'],
	callBack:function(res,value){
		// console.log(res,value)
	}
})
```
![输入图片说明](https://images.gitee.com/uploads/images/2021/0518/175142_b5323889_1703271.jpeg "微信图片_20210518175126.jpg")