Level 48
Hi @afoysal
What is the js output and source from
{!! $calendar->calendar() !!}
{!! $calendar->script() !!}
?
1 like
Aug 1, 2020
9
Level 8
FullCalendar is not defined
I am trying to implement Laravel FullCalendar. My View file is like below
<!doctype html>
<html lang="en">
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.2.7/fullcalendar.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.2.7/fullcalendar.min.css"/>
</head>
<body>
<div class="container">
<div class="panel panel-primary">
<div class="panel-heading">
MY Calender
</div>
<div class="panel-body" >
{!! $calendar->calendar() !!}
{!! $calendar->script() !!}
</div>
</div>
</div>
</body>
</html>
I am getting ReferenceError: FullCalendar is not defined error.
Level 8
Thanks @mvd. Which JS output would you like to see ? Thanks.
Level 54
you need to initialize it first.....
1 like
Level 48
1 like
Level 8
Thanks @siangboon for your reply. I am fighting with it for last 5 days. I read your link. There is no Laravel code.
Could you please help me to initialize it first with some sample code of Laravel ?
Level 8
How to get JS/ HTML code from below code ?
{!! $calendar->calendar() !!}
{!! $calendar->script() !!}
Here is a screenshot of inspector tab of firefox.
Level 8
@siangboon , I am trying to follow below tutorials. I didn't find any initialization there.
https://github.com/acaronlex/laravel-calendar
https://github.com/maddhatter/laravel-fullcalendar
https://hdtuto.com/article/laravel-full-calendar-tutorial-example-from-scratch
Thanks.
Level 54
my bad, {!! $calendar->script() !!} should equivalent to that part...
i just simply guess that you may mess up multiple versions....
if you using npm installation (and different version the steps may different also) you do not need to include the fullcalendar javascript into tag.. and i saw few of your post... you seem installed older version also...
i would suggest that you create a new project and try the script tag way by follow the doc from https://fullcalendar.io/docs/initialize-globals and make it work first then only decide whether go for npm installation....
1 like
Level 48
The 2.2.7 version uses Jquery
https://embed.plnkr.co/plunk/wx1lC8 (see script.js how to setup with Jquery)
And some more demo, https://github.com/fullcalendar/fullcalendar/tree/v2.2.7/demos
1 like
Please or to participate in this conversation.