更新记录

1.0.1（2021-03-05）

fix：日期选择器，平年与闰年，二月份的天数颠倒

1.0.0（2021-02-08）

注意事项 | English

• 目前仅支持：web-h5
• 选择器换皮肤：可以通过【重写】CSS来更改皮肤

平台兼容性

multi-func-picker

一个多功能的选择器，可以是时间(time-picker)选择器、日期(date-picker)选择器或者自定义(custom-picker)选择器。

注意事项 | English

• 目前仅支持：web-h5
• 选择器换皮肤：可以通过【重写】CSS来更改皮肤

Install

npm i multi-func-picker  or yarn add multi-func-picker

Useage

import 'multi-func-picker/dist/multi-func-picker.css'
import MultiFuncPicker from 'multi-func-picker'

/** time-picker **/
new MultiFuncPicker({
  type : 'time'
}).then((res)=>{
    console.log('single-time-result:', res);
});
new MultiFuncPicker({
  type : 'time',
  cur : ['08:08', '16:06']
}).then((res)=>{
    console.log('multiple-time-result:', res);
});

/** date-picker **/
new MultiFuncPicker({
  type : 'date'
}).then((res)=>{
    console.log('single-date-result:', res);
});
new MultiFuncPicker({
  type : 'date',
  cur : ['2020-08-08', '2021-06-09']
}).then((res)=>{
    console.log('multiple-date-result:', res);
});

/** custom-picker **/
new MultiFuncPicker({
  type : 'custom',
  data: data
}).then((res)=>{
    console.log('custom-result:', res);
});

examples

• examples/index.html

Configuration

• let picker = new MultiFuncPicker(options, lang)
• options
• time-picker | date-picker | custom-picker

• date-picker

• custom-picker

level === 1
@example
let data = [
    {code : 1002, text : '男'},
    {code : 1002, text : '女'}
]

//or
let data = ['男', '女']

level === 3
@example
let data = [
    {
      name : {code : 1002, text : '福建省'},
      list : [
          {
            name : {code : 2001, text : '厦门市'},
            list : [{code : 3001, text : '思明区'}]
          }
      ]
    }
]

//or
let data = [
    {
        name : '福建省',
        list : [
            {name : '厦门市', list : ['思明区']}
        ]
    }
]

• picker

• lang