Question

我目前正试图混合使用Bootstrap模式和FullCalendar。以下是我现在正在尝试的内容。

$(document).ready(function() {
    // page is now ready, initialize the calendar...
    $('#calendar').fullCalendar({
        // put your options and callbacks here
        displayEventTime: true,

        events : [

            {
                title : 'event2',
                start : '2017-12-27',
                end : '2017-12-27'
            },
        ],
        eventClick:  function(event, jsEvent, view) {
            var dt = event.start;
            alert('Event Clicked on : ' + dt);
            $('#modalTitle').html(event.title);
            $('#modalBody').html(event.dt);
            $('#modalTimePerformance').html(event.description);
            //$('#eventUrl').attr('href',event.url);
            $('#fullCalModal').modal();
        }

    })
});

这是bootstrap modal html

<div id="fullCalModal" class="modal fade">
<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span> <span class="sr-only">close</span></button>
            <h4 id="modalTitle" class="modal-title"></h4>
            <h4 id="modalTimePerformance"></h4>
        </div>
        <div id="modalBody" class="modal-body"></div>
        <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        </div>
    </div>
</div>

我尝试将event.start放在#modalBody中，但是它没有显示出来，所以我尝试做一个警报，看看它实际从数据中得到了什么，当我做警报时＃34; dt＆＃34; ，它给出了＆＃34;事件点击：1514332800000＆＃34;。

之前有人尝试过这样做吗？

我如何得到＆＃34;开始＆＃34;来自fullcalendar js的事件数据？

0 个答案: