如何在jQuery ui spinner计数器值中添加逗号

时间:2014-08-27 20:45:37

标签: jquery jquery-ui jquery-ui-spinner

我正在尝试在微调器值处添加逗号。我用250,000增加了计数器值 因此,从初始值0增加,它应该是250,000。那么500,000,然后是750,000然后是1,000,000,从而继续......到10,000,000,......等等。Here is my fiddle

我尝试用step: 250,000做到这一点。但是,在该参数中添加逗号肯定会给出错误。那么,我该怎么做呢?

1 个答案:

答案 0 :(得分:0)

您可以尝试使用微调器的change事件和应用微调器的输入的focus事件。它并不完美,因为格式化只会在失去焦点后应用,但确实有效:

<强> JavaScript的:

$(".spinner").spinner({
    min: 0,
    step: 250000,
    change: function (event, ui) {
        var val = event.target.value;
        var newVal = "";

        for (var i = val.length - 1, counter = 0; i >= 0; i--) {
            if (counter == 3) {
                counter = 0;
                newVal = "," + newVal;
            }
            counter++;
            newVal = val[i] + newVal;
        }

        event.target.value = newVal;
    }
}).on("focus", function () {
    $(this).val($(this).val().replace(/,/g, ""));
});

<强> FIDDLE