ad-picker v1.0.0

vue-ios-pickers 组件使用说明

基于Vue，iOS风格的picker组件，支持三级联动，日期(年.月.日)，时间(时:分)，日期+时间，年，年+月

安装

$ yarn add ad-picker

Or

$ npm install ad-picker

使用

• 使用 Vue.use 导入

  import AdPicker from 'ad-picker';
  Vue.use(AdPicker);

• 页面中使用

  // 一个日期的 picker  支持 年.月.日 时:分
  <ad-picker
    date="datetime"
    :cols="5"
  ></ad-picker>

属性说明:

其他说明

1. 当使用 date=datetime 时, cols=5;
2. 使用 v-model 进行数据传输, 如果需要初始默认值, 刚把默认值赋值给 v-model;
3. date=datetime 取值格式必须是 年.月.日 时:分
4. 默认值格式: 如果存在 date, 则必须是 String, 否则可以是String 或 Array:
   • date存在的String: 2018.08.19 08:08
   • Array: ['北京', '西城区', '西长椿街']
   • String: 北京,西城区,西长椿街
5. 三级联动时, 后一列的数据取前一列的 children 属性值
6. 新增 date 属性存在时, 年份支持 长期有效(id='-1')
7. pickerData的数据格式:

   [
     [
       {
         name: '北京',
         id: '010',
         children: [
           {
             name: '北京',
             id: '0101',
             children: [
               { name: '西城区', id: '010101' },
               { name: '东城区', id: '010102' },
               { name: '海淀区', id: '010103' },
             ]
           }
         ]
       }, {
         name: '四川',
         id: '028',
         children: [
           {
             name: '成都市',
             id: '0281',
             children: [
               { name: '武侯区', id: '02811' },
               { name: '青羊区', id: '02812' },
               { name: '成华区', id: '02813' },
               { name: '锦江区', id: '02814' },
               { name: '金牛区', id: '02815' },
             ]
           }, {
             name: '泸州市',
             id: '0282',
             children: [
               { name: '江阳区', id: '02821' },
               { name: '龙马潭区', id: '02822' },
               { name: '纳西区', id: '02823' },
               { name: '泸县', id: '02824' },
             ]
           }
         ]
       }
     ]
   ]