Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/449.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在日期中添加图像的完整日历_Javascript_Jquery_Fullcalendar - Fatal编程技术网

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

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...

我想在日期上添加其他图标,例如在日历6月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'>");
    }
},

$(文档).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(){
)-它们都是一样的东西,只是使用不同的语法(一个是快捷方式)。选择一个并坚持它,然后删除另一个(显然还有它的结束括号)