完整日历在日期中添加图像



我想在日期上添加额外的图标,例如在日历上 01 月 1 日我可以在所述日期添加一个像葡萄酒符号这样的图标而不是颜色。我尝试使用以下代码,但它不起作用。

<div id='calendar'></div>
<script type="text/javascript">
$(document).ready()
$(function() {
// page is now ready, initialize the calendar...
$('#calendar').fullCalendar({
events: [
{
title  : 'event1',
start  : '2018-06-01',
imageurl:'http://www.completecocktails.com/img/d/l/ShotInTheDark.png'
},
{
title  : 'event2',
start  : '2018-06-05',
end    : '2018-06-07'
},
{
title  : 'event3',
start  : '2018-06-09T12:30:00',
allDay : false // will make the time show
}
]
eventRender: function(event, eventElement) {
if (event.imageurl) {
eventElement.prepend("<img src='" + event.imageurl +"' width='12' height='12'>");
}
},

在事件中,您只需要添加

imageurl:'https://images/images.png',
and add this 
eventRender: function(event, eventElement) {
if (event.imageurl) {
eventElement.prepend("<img src='" + event.imageurl + "' width='80' height='80' >");
}  return ['all', event.tags].indexOf($('#event_selector option:selected').val()) >= 0;

},

相关内容

  • 没有找到相关文章

最新更新