jQuery UI Spinner с буквами AZ или другим настраиваемым диапазоном

Question

Есть ли способ настроить спиннер jQuery UI, чтобы можно было использовать буквы AZ (или любой другой диапазон)?

Answer 1

Да, это возможно. Вот простой пример использования AZ, адаптированный из предоставленного примера времени:

$.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

Я построил на коде Эндрюса и создал спиннер, который принимает строковый массив для ввода.

Вы можете увидеть решение здесь.