picker

    普通选择器：mode = selector

    属性名类型默认值说明
    range二维Array / 二维Object Array[]mode为 selector 或 multiSelector 时，range 有效。二维数组，长度表示多少列，数组的每项表示每列的数据，如[["a","b"], ["c","d"]]
    range-keyString当 range 是一个 二维Object Array 时，通过 range-key 来指定 Object 中 key 的值作为选择器显示内容
    valueArray[]value 每一项的值表示选择了 range 对应项中的第几个（下标从 0 开始）
    bindchangeEventHandlevalue 改变时触发 change 事件，event.detail = {value: value}
    bindcolumnchangeEventHandle某一列的值改变时触发 columnchange 事件，event.detail = {column: column, value: value}，column 的值表示改变了第几列（下标从0开始），value 的值表示变更值的下标
    bindcancelEventHandle取消选择时触发
    disabledBooleanfalse是否禁用

    时间选择器：mode = time

    属性名类型默认值说明
    valueString0表示选中的日期，格式为 "YYYY-MM-DD"
    startString表示有效日期范围的开始，字符串格式为 "YYYY-MM-DD"
    endString表示有效日期范围的结束，字符串格式为 "YYYY-MM-DD"
    fieldsStringday有效值 year , month , day，表示选择器的粒度
    bindchangeEventHandlevalue 改变时触发 change 事件，event.detail = {value: value}
    bindcancelEventHandle取消选择时触发
    disabledBooleanfalse是否禁用

    fields 有效值：

    属性名类型默认值说明
    valueArray[]表示选中的省市区，默认选中每一列的第一个值
    custom-itemString可为每一列的顶部添加一个自定义的项
    bindchangeEventHandlevalue 改变时触发 change 事件，event.detail = {value: value, code: code, postcode: postcode}，其中字段code是统计用区划代码，postcode 是邮政编码
    bindcancelEventHandle取消选择时触发
    disabledBooleanfalse是否禁用

    示例代码

    2. Page({
    3.   data: {
    4.     array: ['美国', '中国', '巴西', '日本'],
    5.     objectArray: [
    6.       {
    7.         id: 0,
    8.         name: '美国'
    9.       },
    10.       {
    11.         id: 1,
    12.         name: '中国'
    13.       },
    14.       {
    15.         id: 2,
    16.         name: '巴西'
    17.       },
    18.       {
    19.         id: 3,
    20.         name: '日本'
    21.       }
    22.     ],
    23.     index: 0,
    24.     multiArray: [['汽车', '自行车'], ['空调', '冰箱', '洗衣机', '手机'], ['面包', '馒头']],
    25.     objectMultiArray: [
    26.       [
    27.         {
    28.           id: 0,
    29.           name: '空调'
    30.         },
    31.         {
    32.           id: 1,
    33.         }
    34.       ], [
    35.         {
    36.           id: 0,
    37.           name: '啤酒'
    38.         },
    39.         {
    40.           id: 1,
    41.           name: '红酒'
    42.         },
    43.         {
    44.           id: 2,
    45.           name: '白酒'
    46.         },
    47.       ], [
    48.         {
    49.           id: 0,
    50.           name: '矿泉水'
    51.         },
    52.         {
    53.           id: 1,
    54.           name: '可乐'
    55.         }
    56.       ]
    57.     ],
    58.     multiIndex: [0, 0, 0],
    59.     date: '2020-01-01',
    60.     time: '12:01',
    61.     region: ['北京', '北京市', '朝阳区'],
    62.     customItem: '全部'
    63.   },
    65.     this.setData({
    66.       index: e.detail.value
    67.     })
    68.   },
    69.   bindMultiPickerChange: function (e) {
    70.     console.log('picker change ,值为', e.detail.value)
    71.     this.setData({
    72.       multiIndex: e.detail.value
    73.     })
    74.   },
    75.   bindMultiPickerColumnChange: function (e) {
    76.     console.log(e)
    77.   },
    78.   bindDateChange: function(e) {
    79.     console.log('picker change ,值为', e.detail.value)
    80.     this.setData({
    81.       date: e.detail.value
    82.     })
    83.   },
    84.   bindTimeChange: function(e) {
    85.     console.log('picker change ,值为', e.detail.value)
    86.     this.setData({
    87.       time: e.detail.value
    88.     })
    89.   },
    90.   bindRegionChange: function (e) {
    91.     console.log('picker change ,值为', e.detail.value)
    92.     this.setData({
    93.       region: e.detail.value
    94.     })
    96. })