记:weui.js picker坑 选项值发生偏移

代码如下 $date 为官方选择数据json传值。具体格式请查看官方例子。

        $("#trigger1").click(function () {
            weui.picker({!! $date !!}, {
                className: 'custom-classname',
                container: 'body',
                defaultValue: [],
                onChange: function (result) {
                    console.log(result)
                },
                onConfirm: function (result) {
                    console.log(result[0].label)
                    $('#trigger1').text(result[0].value)
                },
                id: 'trigger1'
            });
        });

调用用,发现前端页面使用,默认值显示和选择发生偏移。前端选择15的时候,值是14甚至是13。而且还产生界面溢出。和首项选择不到的情况
记:weui.js picker坑 选项值发生偏移_第1张图片
记:weui.js picker坑 选项值发生偏移_第2张图片
这两种情况点击确定后所得值分别为最后和第一个选项值。

解决方案:
看了github上面得issue,有说调整picker选项得高度。通过调整
bodyHeight: 5 * 30 // picker的高度,用于辅助点击滚动的计算
来尝试解决问题,还是未解决问题。最终再调整offset这个值得时候解决了问题。
可能根据不同页面CSS,这个值需要自己去调整才能解决问题。

你可能感兴趣的:(weui.js)