带有字母A-Z或其他自定义范围的jQuery UI Spinner [英] jQuery UI Spinner with letters A-Z or other custom range

问题描述

是否可以自定义jQuery UI微调器，以便可以使用A-Z字母(或任何自定义范围)?

Is there a way to customize jQuery UI spinner, so that A-Z letters (or any custom range) is possible?

推荐答案

是的，这是可能的.这是一个使用A-Z的简单示例，改编自提供的时间示例:

Yes, this is possible. Here's a simple example using A-Z, adapted from the 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.您可以使用以下方法仅对一个微调器执行此操作:

The above example creates a new widget called alphaspinner that inherits from spinner. You can do this for just one spinner with the following:

$(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/

这篇关于带有字母A-Z或其他自定义范围的jQuery UI Spinner的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！