Mobiscroll清除按钮

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

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