2015-05-10 5 views
3

Я сделал все, что сказал в Basic Usage page, и добавил CDN соответственно, но я не вижу даже основного дисплея.
Я тоже попробовал пример jsFiddle.
Я новичок в этом.fullcalendar: невозможно просмотреть, страница пуста

<html> 

    <head> 
       <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.3.1/fullcalendar.min.css"> 
       <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> 
       <script src=" https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.2/locales.min.js"></script> 
       <script src="http://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.3.1/fullcalendar.min.js"></script> 

        <link rel="stylesheet" href="   https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.3.1/fullcalendar.print.css">                  

    </head> 

    <script> 
     $(document).ready(function() { 
     // page is now ready, initialize the calendar... 

      $('#calendar').fullCalendar({ 
      // put your options and callbacks here 
      }) 
     }); 

    </script> 

    <body>   
     <div id="calendar"></div>         
    </body> 
</html> 
+1

Поместите свой пример скрипта JS –

+0

http://jsfiddle.net/AzmJv/947/ – user3400051M

+0

Вы должны вставить свой код здесь, в ваш вопрос –

ответ

3
<html> 

    <head> 
       <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.3.1/fullcalendar.min.css"> 
       <link rel="stylesheet" href="   https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.3.1/fullcalendar.print.css">  

       <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> 
       <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.2/moment.min.js"></script> 
       <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.3.1/fullcalendar.min.js"></script>                 
       <script type="text/javascript"> 
        $(document).ready(function() { 
        // page is now ready, initialize the calendar... 

         $('#calendar').fullCalendar({ 
          // put your options and callbacks here 
         }); 
        }); 

       </script> 
    </head> 



    <body>   
     <div id="calendar"></div>   

    </body> 
</html> 

1) Всегда ставьте скрипт внутри вашего тела или головы. 2) Ваша проблема в том, что вы никогда не импортировали moment.js. Ваш код получает locale.js, который не нужен для его запуска. 3) Также, пожалуйста, проверьте свою консоль браузера. Вы бы увидели проблему, что ее не удалось найти moment.js. Надеюсь, что это поможет!

+0

это необходимо поставить скрипт внутри тела/головы? Я обычно сохраняю свой javascript в отдельном файле и привязываю его в конце тела. – Umeed

+1

Правильно Так что ваша ссылка все еще находится внутри вашего тега тела. Я хочу сказать, что это либо должно быть дочерний элемент тега head или тег body, независимо от того, является ли его скрипт или ссылка на файл – Pratik

+0

ah right lol даже не видел этого, спасибо человеку. – Umeed

Смежные вопросы