Javascript 在日期中添加图像的完整日历
我想在日期上添加其他图标,例如在日历6月1日,我可以在所述日期上添加一个图标,如葡萄酒符号,而不是颜色。我尝试使用下面的代码,但它不起作用Javascript 在日期中添加图像的完整日历,javascript,jquery,fullcalendar,Javascript,Jquery,Fullcalendar,我想在日期上添加其他图标,例如在日历6月1日,我可以在所述日期上添加一个图标,如葡萄酒符号,而不是颜色。我尝试使用下面的代码,但它不起作用 <div id='calendar'></div> <script type="text/javascript"> $(document).ready() $(function() { // page is now ready, initialize the calendar...
<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'>");
}
},
$(文档).ready()
$(函数(){
//页面现在已准备就绪,请初始化日历。。。
$(“#日历”).fullCalendar({
活动:[
{
标题:“事件1”,
开始日期:“2018-06-01”,
imageurl:'http://www.completecocktails.com/img/d/l/ShotInTheDark.png'
},
{
标题:“事件2”,
开始日期:“2018-06-05”,
完:2018-06-07
},
{
标题:“事件3”,
开始:“2018-06-09T12:30:00”,
全天:假//将显示时间
}
]
eventRender:函数(事件,eventElement){
if(event.imageurl){
eventElement.prepend(“”);
}
},
在只需添加的事件中
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;
},
imageurl:'https://images/images.png',
再加上这个
eventRender:函数(事件,eventElement){
if(event.imageurl){
eventElement.prepend(“”);
}返回['all',event.tags].indexOf($('#event_选择器选项:selected').val()>=0;
},
您的代码不完整。请发布完整的代码。我无法重现错误。它似乎正常工作。奇怪的是,在我睡觉之前它不工作。页面不会出现。您的代码为事件添加图标,而不是日期(即当天本身)。这就是你想要的吗?是的,根据StaticBeagle的JSFIDLE,它可以完美地工作。你不需要$(文档)。ready()
和$(function(){
)-它们都是一样的东西,只是使用不同的语法(一个是快捷方式)。选择一个并坚持它,然后删除另一个(显然还有它的结束括号)