javascript - 有没有类似IOS上的选择器的js插件

Question

现在有一个界面的效果图是这样的

这是一个自定义的选择器，里面有四个时间可以选择，每个时间是独立的，不会影响其他三个时间

网上找了一遍没有符合要求的插件，如果自己写的话时间来不及。。。

之前项目里使用MUI的，但是它里面的picker只能级联选择，如果要写成这样的四个时间选择，又不关联的话，大概的数据结构是这样的

[
    {
        value: '1',
        text: '1',
        children: [
            {
                value: '1_1',
                text: '1_1',
                children: [
                    {
                        value: '1_1_1',
                        text: '1_1_1',
                        children: [
                            {
                                value: '1_1_1_1',
                                text: '1_1_1_1'
                            }
                        ]
                    }
                    
                ]
            }
        ]
    }
]

这还只是一条，我大概算了下可能会生成500W多个数据。。

Answer 1

sui: picker

$("#picker-name").picker({
      toolbarTemplate: '<header class="bar bar-nav">\
      <button class="button button-link pull-right close-picker">确定</button>\
      <h1 class="title">请选择称呼</h1>\
      </header>',
      cols: [
        {
          textAlign: 'center',
          values: ['赵', '钱', '孙', '李', '周', '吴', '郑', '王']
        },
        {
          textAlign: 'center',
          values: ['杰伦', '磊', '明', '小鹏', '燕姿', '菲菲', 'Baby']
        },
        {
          textAlign: 'center',
          values: ['先生', '小姐']
        }
      ]
    });

文档:
http://m.sui.taobao.org/compo...
示例页面:
http://m.sui.taobao.org/demos...

Answer 2

https://gold.xitu.io/post/584... 这个文档有你想要的插件