如何在完整日历中添加关闭图标?

时间:2017-11-02 10:38:25

标签: javascript jquery css

我需要在右上方为完整日历添加“关闭”图标。我不能直接这样做。还有其他办法吗?

ref

还有一件事我怎样才能将所有日期$(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的{​​{1}}大于正常td如何保持相同大小

https://jsfiddle.net/5rfbrm9w/

2 个答案:

答案 0 :(得分: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;
}

答案 1 :(得分:0)

得到解决方案:

$(".fc-right").append('<span class="fa fa-times fa-2x"></span>');