javascript - 如何向完整日历添加关闭图标？

Question

我需要在右上角为完整日历添加“关闭”图标。我不能直接这样做。有什么替代方法吗？

$(document).ready(function() {

        $('#calendar').fullCalendar({
            defaultDate: '2017-10-12',
            editable: true,
            eventLimit: true, // allow "more" link when too many events
            events: [
                {
                    title: 'All Day Event',
                    start: '2017-10-01'
                },              
                {
                    id: 999,
                    title: 'Repeating Event',
                    start: '2017-10-09T16:00:00'
                },
                {
                    id: 999,
                    title: 'Repeating Event',
                    start: '2017-10-16T16:00:00'
                },      
                {
                    title: 'Meeting',
                    start: '2017-10-12T14:30:00'
                },              
                {
                    title: 'Birthday Party',
                    start: '2017-10-13T07:00:00'
                },
                {
                    title: 'Click for Google',
                    url: 'http://google.com/',
                    start: '2017-10-28'
                }
            ]
        });

    });

还有一件事，我如何对齐所有日期 td 相同的大小。这里包含 events 的 td 比正常的 大td 如何保持相同大小？

https://jsfiddle.net/5rfbrm9w/

Answer 1

第一期:

HTML:

<div id='calendar'><div id="close">X</div></div>

CSS:

#calendar {
  position: relative;
}

#close {
  position: absolute;
  top: 0;
  left: 100px;
}

然后使用 jQuery 添加功能。

第二期:

CSS:

td {
  min-height: 25px;
}