Skip to content

A Custom Multi Picker。『为移动端而生』的自定义多级联动选择器,可处理各种类型的多级联动,例如城市联动,时间联动。

Notifications You must be signed in to change notification settings

xingyufeifan/multi-picker

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

63 Commits
 
 
 
 
 
 
 
 

Repository files navigation

MultiPicker - A Flexible Picker for Mobile

Intro

MultiPicker was born for several product requirements in the mobile. It’s free, cute and customized. There are now over 30,000 users.

This plugin is made up of two parts

And, there are two kinds of DateSelector:

  • One kind of the DateSelector was made up by year, month, date, hour and second. And the style is fixed. img2.

  • The other kind of DateSelector was made up by free unit. And the style without tab. img1.

Demo & How to Use

DateSelector - A Flexible Picker for Selecting an Interval

MultiPicker - A Flexible Picker for User-Defined Json

Tips

  • You can make full use of callback to do anything.
  • Please make sure to read the guide and use it correctly.

Authors

For questions and issues please use THIS WAY

I am Appian.


MultiPicker -『为移动端而生』的自定义多级联动选择器

MultiPicker - 自我介绍

MultiPicker是为了满足移动端对各种选择器的需求而生的,兼容性强,灵活度高。目前已有超过 3w 的实际用户正在使用。

MultiPicker主要是由两个部分组成,

日期选择器有两种样式,一种带tab的固定样式,另一种是不带tab的自定义样式

  • 带tab切换,固定单位【年月日时分】的固定样式

  • 自定义单位,【年月日时分】的自定义任意组合

Demo & How to Use

日期选择器 - DateSelector

自定义json选择器 - MultiPicker

Tips

  • 可以充分利用callback,对返回的结果执行相应操作,比如:拼接出期望的字符串,或构造后台期望的存储对象。
  • 在日期选择器DateSelector中,用正确的数组表示你要设置的时间点。
  • 在自定义json选择器MultiPicker中,构造符合规范的json数据。

Authors

如果你遇到了什么神bug,请发起ISSUE联系我 ~

如果想了解选择器的开发过程,可以留言给我,我会找机会分享我的开发心得哦~~

我是嘉宝Appian,一个卖萌出家的算法妹纸。

About

A Custom Multi Picker。『为移动端而生』的自定义多级联动选择器,可处理各种类型的多级联动,例如城市联动,时间联动。

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 89.8%
  • CSS 5.8%
  • HTML 4.4%