Javascript 无限生成幻灯片但不循环

我想创建一个滑块形式的日期选择器。它显示五个日期，您可以单击“下一步”按钮查看更多未来日期。我使用JQuery作为我的基础，用日期填充div

HTML

我必须解决这个问题的一个理论是将DIV文本值设置为变量，然后动态编辑变量，以提供循环的外观

有人有其他建议吗？还是解决这个问题的策略

---

提前谢谢

您可能需要阅读一些文档。

 <div class="carousel-items">
    <div class="date-carousel-other slider"></div>
    <div class="date-carousel-other slider"></div>
    <div class="date-carousel-other slider"></div>
    <div class="date-carousel-other slider"></div>
    <div class="date-carousel-other slider"></div>
</div>

var value = moment().subtract(2,'days');

$(".slider").each(function() {
    var dayFormatted = moment(value).format("DD" + "<br/>" + "MMMM");
    $(this).html(dayFormatted);
    value = value.add(1,'days');
});

$('.carousel-items').slick({
        dots: false,
        infinite: true,
        slidesToShow: 5,
        slidesToScroll: 1,
        accessibility:true,
        arrows:true,
        lazyLoad: "progressive",
        prevArrow: '<button class="slick-prev date-carousel-back"></button>',
        nextArrow: '<button class="slick-next date-carousel-forward"></button>',
    });

$('.slick-next').click(function(){

   $(".carousel-times").append('"<div class="date-carousel-other slider">test</div>"');
        });

$('.slick-next').on('click', function() {
    $(".carousel-times").slick('slickAdd','<div class="date-carousel-other slider">test</div>');
});