时间戳

首页 > 解决方案 > Slick 滑块中的两位数字而不是点

javascript - Slick 滑块中的两位数字而不是点

问题描述

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

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

标签： javascriptjqueryslick.js

解决方案

您正在寻找的方法是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()数字。

推荐阅读