jQuery UI微調字母A-Z或其他自定義範圍

Question

有沒有辦法自定義jQuery UI微調，使A-Z字母（或任何自定義範圍）是可能的？

Answer 1

是的，這是可能的。下面是一個簡單的例子使用AZ，改編自provided time example：

$.widget("ui.alphaspinner", $.ui.spinner, { 
    options: { 
     min: 65, 
     max: 90 
    }, 
    _parse: function(value) { 
     if (typeof value === "string") { 
      return value.charCodeAt(0); 
     } 
     return value; 
    }, 
    _format: function(value) { 
     return String.fromCharCode(value); 
    } 
}); 

用法：

$("#my-input").alphaspinner(); 

實施例：http://jsfiddle.net/4nwTc/1/

上面示例創建一個名爲alphaspinner新的小部件，從spinner繼承。你可以只是一個微調用下面的做到這一點：

$(function() { 
    var spinner = $("#alpha-spinner").spinner({ 
     min: 65, 
     max: 90 
    }).data("spinner"); 

    spinner._parse = function (value) { 
     if (typeof value === "string") { 
      return value.charCodeAt(0); 
     } 
     return value;   
    }; 

    spinner._format = function (value) { 
     return String.fromCharCode(value);   
    } 
});​ 

例子：http://jsfiddle.net/4nwTc/2/

Answer 2

我建立了安卓代碼，並建立了一個微調控件，需要一個字符串數組輸入。

您可以看到解決方案here。