Question

我想在mobiscroll日期选择器的弹出窗口中显示一个清除按钮可以选择使用button3，但是我无法清除输入并隐藏滚动条。

jQuery(this).mobiscroll({
        preset: 'date',
        theme:'ios',
        button3Text:'clear',
        button3: function(input, inst){
            jQuery(this).val();
            inst.close();
        }})

我正在尝试使用函数中的输入和inst参数。不幸的是，我无法使其发挥作用。

你能帮忙吗？

感谢卢卡斯

Answer 1

我已经解决了这个问题。我无法获得实例，但是当我首先保存对象时

 var thisPicker = jQuery(this);

并在button3上获取实例，

var inst = thisPicker.mobiscroll('getInst');

一切正常。

整个代码......

// Date mobiscroll picker init
jQuery(".datepicker").each(function (index, element) {

    var thisPicker = jQuery(this);
    jQuery(this).mobiscroll({
        preset: 'date',
        theme:'ios',
        display : 'bottom',
        button3Text:'X',
        button3: function(){
            var inst = thisPicker.mobiscroll('getInst');
            thisPicker.val('');
            inst.cancel();

        },

    });
});

Answer 2

刚刚发现有一个选项可以在mobiscroll配置中启用“清除”按钮：

http://docs.mobiscroll.com/2-15-1/mobiscroll-core#!opt-buttons

要显示的按钮。 预定义按钮为：'设置'，'清除'，'取消'。也可以指定自定义按钮：

Mobiscroll清除按钮

2 个答案: