更新记录

6.0（2019-09-18） 下载此版本

修复date类型下设置dateFormatArray无效问题

5.0（2019-09-07） 下载此版本

1、新增mode、zIndex、lineHeight、bgColor_title、autoHide、titleColor、contentColor等属性 详见1.

2、buttonSet中 新增 cancleColor、confirmColor等属性 详见1.0.2

4.0（2019-06-22） 下载此版本

修复从后端获取数据拼接并赋值后不能正常使用问题

平台兼容性

可直接拖进项目运行

QQ交流群: 750104037 点我加入

作者想说

如果该插件有什么问题还请大家说出来哦，还有如果有什么建议的话也可以提下呐 ~ 如果觉得好用，可以回来给个五星好评么~~(❁´◡`❁)*✲ﾟ* 蟹蟹~拜托啦~

组件简介

提取了inputs组件的picker类型合集，参考了Color-Ui的模态框展示方式

该插件在支付宝小程序不能运行, 推荐使用QS-inputs-split中的picker，兼容性更强，并且更好用

更新说明

显示picker：this.$refs.自定义的ref名称.show();

隐藏picker：this.$refs.自定义的ref名称.hide(); (一般不用，选择后自动隐藏)

1. 传给QS-picker的属性

1.0.0 type属性说明

1.0.1 dataSet属性说明

1.0.1.0.1 date类型

示例代码:

{
  startYear: 2018,
  endYear: 2020,
  defaultValue: "2019/05/27 10:54:00",
  dateMode: 3,
  dateFormatArray: ['-', '-', ' ', ':', ':']
}

1.0.1.0.2 city类型

示例代码:

{
 defaultValue: [0,0,0]
}

1.0.1.0.3 provincialStreet类型

示例代码:

{
 defaultValue: [0,0,0,0]
}

1.0.1.0.4 custom类型

1.0.1.0.4.0.1 custom的steps属性说明

注：详见下方示例

示例代码:

{
  itemArray: [{
  value_1: "江西", //value_1变量名需与下方steps.steps_1_value相同
  /*
  可添加多项自定义想要的数据
  */
  item_2: [{ //item_2变量名需与下方steps.steps_2_item相同
    value_2: "南昌", //value_2变量名需与下方steps.steps_2_value相同
    /*
    可添加多项自定义想要的数据
    */
    item_3: [{ //item_3变量名需与下方steps.steps_3_item相同
        name: "东湖", //name变量名需与下方steps.steps_3_value相同
        /*
        可添加多项自定义想要的数据
        */
    }]
  }, {
    value_2: "九江",
    item_3: [{
        "name": "德安"
    }]
  }]
  }, {
  value_1: "山东",
  item_2: [{
    value_2: "济南",
    item_3: [{
        name: "历下"
    }],
  }, {
    value_2: "青岛",
    item_3: [{
        name: "市南"
    }]
  }]
  }],
  steps: {
  step_1_value: "value_1",
  step_2_value: "value_2",
  step_2_item: "item_2",
  step_3_value: "name",
  step_3_item: "item_3"
  },
  linkageNum: 3, //3 表示为3级联动
  linkage: true //true 表示开启联动
}

1.0.1.0.5 custom2类型

1.0.1.0.5.0.1 custom2的steps属性说明

注：详见下方示例

示例代码:

{
  itemObject: {
    step_1: [{
        name: "江西"
    }, {
        name: "山东"
    }],
    step_2: [
        ["南昌", "九江"], //对应step_1的江西
        ["济南", "青岛"] //对应step_1的山东
    ],
    step_3: [
        [
            [ //对应step_2的南昌
                "东湖"
            ],
            [ //对应step_2的九江
                "德安"
            ]
        ],
        [
            [ //对应step_2的济南
                "历下",
            ],
            [ //对应step_2的青岛
                "市南",
            ]
        ]
    ]
  },
  steps: {
    step_1_value: "name", //第一级显示的属性名
    step_2_value: "", //第二级显示的属性名
    step_3_value: "" //第三级显示的属性名
  },
  defaultValue: [1, 0, 0], //初始数据
  linkageNum: 3, //3 表示为3级联动
  linkage: true //true 表示开启联动
}

1.0.2 buttonSet属性说明

1.0.3 mode属性说明