web-dev-qa-db-fra.com

FullCalendar TypeError: $ (...). FullCalendar n'est pas une fonction

J'essayais de mettre FullCalendar 2.1.1 mais cela ne fonctionne pas:

<link href='/css/fullcalendar.css' rel='stylesheet' />
<link href='/css/fullcalendar.min.css' rel='stylesheet' />
<link href='/css/fullcalendar.print.css' rel='stylesheet' media='print' />
<script src='/js/moment.min.js'></script>
<script src='/js/jquery.min.js'></script>
<script src='/js/fullcalendar.min.js'></script>
<script src="/js/jquery-ui.custom.min.js"></script>
<script>
  $(document).ready(function() {
    $('#calendar').fullCalendar({
      defaultDate: '2014-09-12',
      editable: true,
      eventLimit: true, // allow "more" link when too many events               
    });

  });
</script>

Lorsque je vais essayer de l'ouvrir, j'obtiens les erreurs suivantes:

SyntaxError: missing ) after argument list ..."'").replace(/"/g,""").replace(/\n/g,"")}function P(t){returnt.replace(/


TypeError: $(...).fullCalendar is not a function    
eventLimit: true, // allow "more" link when too many events

J'ai suivi la documentation d'utilisation de base mais cela ne fonctionne toujours pas.

javascriptjqueryfullcalendar
14
Tiago Ribeiro

Je pense que vous avez un problème avec js essayez les URL ci-dessous, cela peut résoudre vos problèmes,

<script src='http://fullcalendar.io/js/fullcalendar-2.1.1/lib/moment.min.js'></script>
<script src='http://fullcalendar.io/js/fullcalendar-2.1.1/lib/jquery.min.js'></script>
<script src="http://fullcalendar.io/js/fullcalendar-2.1.1/lib/jquery-ui.custom.min.js"></script>
<script src='http://fullcalendar.io/js/fullcalendar-2.1.1/fullcalendar.min.js'></script>
<script>
    $(document).ready(function() {
        $('#calendar').fullCalendar({
            defaultDate: '2014-09-12',
            editable: true,
            eventLimit: true, // allow "more" link when too many events
        });
    });
</script>

Si le code ci-dessus fonctionne, téléchargez les fichiers js utilisés dans la balise de script

21
Rohan Kumar

J'ai également eu le même problème et c'était parce que le fichier HTML jQuery se chargeait deux fois, donc il me donnait une erreur.

15
Abhijit Jagtap

J'ai résolu le problème en changeant simplement l'ordre de mes scripts. Vous devez être défini: moment.min.js après jquery.min.js regarde ça:

<script src='/js/jquery.min.js'></script>
<script src='/js/moment.min.js'></script>
<script src='/js/fullcalendar.min.js'></script>
10
Alan García

Si vous utilisez la syntaxe ES6, ajoutez-la simplement au début de votre fichier:

import "fullcalendar";
3
Vedran