jeudi 23 février 2017

Fullcalendar @extends('layouts.app') does not work in Laravel

I'd like use app.blade.php in my file, but i get the following error:

Uncaught TypeError: $(...).fullCalendar is not a function

And I can see just the menubar, but no calendar. What can be the problem?

my ..blade.php

<!DOCTYPE html>
    <html>
    <head>
    @extends('layouts.app')
    <link rel='stylesheet' href='full_calendar/fullcalendar.css' />
    <link rel="stylesheet" href="http://ift.tt/1xTRLYI" />

    <style>

     body {
            margin: 40px 10px;
            padding: 0;
            font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
            font-size: 14px;
        }

     #calendar {
            max-width: 700px;
            margin: 0 auto;
        }

    </style>

    </head>
    <body>

    <div id="eventContent" title="Event Details" style="display:none;">
        Name: <span id="name"></span><br>
        Start: <span id="startTime"></span><br>
        End: <span id="endTime"></span><br>
        Status: <span id="status"></span><br><br>
        <button id="confirm_button" type="button">Confirm</button>
        <button id="refuse_button" type="button">Refuse</button>
        <button id="offer_button" type="button">Offer</button>
        <button id="delete_button" type="button">Delete</button>
    </div>

    <div id='calendar'></div>


    <script src="http://ift.tt/1rKdStd"></script>
    <script src="full_calendar/lib/jquery-ui.js"></script>
    <script src='full_calendar/lib/moment.min.js'></script>
    <script src='full_calendar/fullcalendar.js'></script>
    <script src='full_calendar/locale/hu.js'></script>
    <script src='full_calendar/cal_employer.js'></script>
    </body>
    </html>

cal_employer.js :

$(document).ready(function()
{
  var date = new Date();
  var calendar = $('#calendar').fullCalendar({

   header: 
   {
        left: 'prev,next ',
        center: 'title',
        right: 'today'
   },

   selectable: true,
   selectHelper: true,
   fixedWeekCount: false,
   allDayDefault: true,
   editable: true,

   events: "http://localhost/calendar_directory/calendar_db_connect.php",

    eventRender: function (event, element, view) 
    {
        if (event.confirmed == 0)                           //new event
        {
        element.css("background-color", "#3333ff")...



from Newest questions tagged laravel-5 - Stack Overflow http://ift.tt/2lNZdVY
via IFTTT

Aucun commentaire:

Enregistrer un commentaire