代码之家  ›  专栏  ›  技术社区  ›  Cray

滑动滑块中的两位数而不是圆点

  •  0
  • Cray  · 技术社区  · 7 年前

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

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

    0 回复  |  直到 7 年前
        1
  •  2
  •   Get Off My Lawn    7 年前

    你要找的方法是 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() 在数字上,除非数字是一个字符串数字。