ajax成功后日历刷新

时间:2015-07-09 13:20:58

标签: jquery ajax calendar

我有一个日历,通过AJAX调用拉出一堆突出显示的日期。一切正常。我输出了以下代码:

日历的HTML:

                          <!-- Responsive calendar - START -->
                            <div class="responsive-calendar">
                            <div class="controls" style="height: 60px">
                                <a class="pull-left" data-go="prev"><div class="btn btn-lg btn-primary">Prev</div></a>
                                <h4><span data-head-year></span> <span data-head-month></span></h4>
                                <a class="pull-right" data-go="next"><div class="btn btn-lg btn-primary">Next</div></a>
                            </div><hr/>
                            <div class="day-headers">
                              <div class="day cal-header">Sun</div>
                              <div class="day cal-header">Mon</div>
                              <div class="day cal-header">Tue</div>
                              <div class="day cal-header">Wed</div>
                              <div class="day cal-header">Thu</div>
                              <div class="day cal-header">Fri</div>
                              <div class="day cal-header">Sat</div>
                            </div>
                            <div class="days" data-group="days">

                            </div>
                            </div>
                          <!-- Responsive calendar - END -->

JS加载日历:

$(document).ready(function () {
    $.ajax({
        type: "POST",
        url: path,
        data: "{}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (response) {
            bookedDates = bookedDates.concat(response),
            //bookedDates.toString;
            events = {};

            for (i = 0; i < bookedDates.length; i++) {
                events[bookedDates[i]] = {};
            }
            $(".responsive-calendar").responsiveCalendar({
                time: currentDate,
                events: events,
                startFromSunday: true,
                monthChangeAnimation: true
            });
        }
    });
});

此外,我有一个表格,通过AJAX提交新日期以在日历上突出显示。再次,它工作正常,但我正在努力理解在Ajax成功时刷新日历的最佳方法。有人可以帮忙吗?我只是重新加载&#34;响应日历&#34; div,还是我需要以某种方式重新执行填充上面日历的脚本?

由于

0 个答案:

没有答案