Javascript 动态创建的日历样式

当您单击日期字段输入时，我会动态创建一个日历。我已经设置了一个set interval函数，该函数将查找此日历中存在的某些类，以便将元素包装为样式。但是，当您单击“上一个月”或“下一个月”时，将生成新的HTML，并且“我的样式”不会更新

下面是我的set interval函数，它将元素包装在div中：

var checkExist = setInterval(function() {
        if ($('.ui-datepicker-header').length) {
            var $set = $('#ui-datepicker-div').children();
            for(var i=0; i<$set.length; i+=2){
                $set.slice(i, i+2).wrapAll('<div class="calendar-wrap"></div>');
            }
            var $prev = $('.ui-datepicker-header').children();
            for(var i=0, h=$prev.length-1; i<h; i+=2){
                $prev.slice(i, i+2).wrapAll('<div class="prev-next-buttons"></div>');
            }
            console.log("Exists!");
            clearInterval(checkExist);
        }
    }, 100);

但是，这不起作用，所以我想知道是否有更好的方法&为什么这不起作用。谢谢

    $(".calendar-wrap").on("click", function(){
        checkExist();
    })