两位数字而不是滑动条中的点

时间:2019-02-27 17:00:02

标签: javascript jquery slick.js

我想在滑块中使用数字而不是点。 为此,我使用以下代码:

$('slider').slick({
    dots: true,
    appendDots: $('slider-dots'),
    customPaging : function(slider, i) {
        var thumb = $(slider.$slides[i]).data();
        return '<a>'+(i+1)+'</a>';
    },
    arrows: false,
    slidesToShow: 1,
    slidesToScroll: 1,
}

有什么方法可以将数字从一位数字更改为两位数字。 例如:01 02 03

1 个答案:

答案 0 :(得分:2)

您要寻找的方法是padStart。这会将某些字符串的填充添加到另一个字符串的开头。

(0).toString().padStart(2, '0')   // Result: '00'
(1).toString().padStart(2, '0')   // Result: '01'
'5'.padStart(2, '0')              // Result: '05'
(10).toString().padStart(2, '0')  // Result: '10'
'100'.padStart(2, '0')            // Result: '100'

因此,在您的情况下,您将使用以下方法:

(i+1).toString().padStart(2, '0')

除非数字是字符串,否则您将需要使用toString()才能在数字上使用padStart()