关于移动端选择器的插件选择百度可以搜到很多,之前用过iosselect.js(https://github.com/zhoushengmufc/iosselect)感觉还不错,比mobiscorll.js体积小,实现起来也方便,文档也明了。
这个插件很好用,改起来也不困难。产品给了个需求要求选择器弹窗在弹出状态下收到了相关值需要滚动到正确的位置,查了文档发现iosselectjs上并没有相关可以直接调用的方法,于是开始纠结的修改:产品说是之前有项目实现了,然后看了一下该项目用的mobiscorll,尝试改在自己的项目。光是样式就改掉我半条命。发现总有一点白色背景改不掉,然后只好研究iosselectjs怎样实现这种同步。
iosselect是调用了构造函数实现弹窗滚动等效果,于是声明了一个全局变量timeSelect方便在别的函数中调用这个选择器,如果是单个滚动选择器,想要设置滚动到相关位置只要
timeSelect.setLevelData(1, ‘想要设置的相关值’);
而如果是双选择如时间分钟秒数这种。设置有些不同
timeSelect.setLevelData(1, ‘想要设置的分’); timeSelect.setLevelData(2, ‘想要设置的分’, ‘想要设置的秒’);