如何在JQuery Spinner中添加后缀文本

Question

是否可以在jQuery spinner(jquery.ui.spinner)中添加后缀.例如:10.02%.

我尝试跟随jquery.ui.spinner[在选项部分],但它对我不起作用.

$("#spinner").spinner({
    step: 0.01,
    numberformat: "n",
    suffix: "%",
}); 

提前感谢您的帮助.

谢谢.

Answer 1

有同样的问题.

使用jQuery UI的小部件工厂非常简单:

$.widget( "ui.pcntspinner", $.ui.spinner, {
    _format: function(value) { return value + '%'; },

    _parse: function(value) { return parseFloat(value); }
});

$("#spinner").pcntspinner({ 
    min: 0,
    max: 100,
    step: .01 });

演示:http://jsfiddle.net/aAHuT/

如果要使用整数'_parse'必须适应使用parseInt():

_parse: function(value) { return parseInt(value); }

Time Spinner的jQuery UI示例对于提出此解决方案非常有帮助.