function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ Start a Discussion
ravinder singh 95ravinder singh 95 

FullCalender in Lightning component

<aura:component controller="FullCalendarSchCntr" implements="force:appHostable,flexipage:availableForAllPageTypes,flexipage:availableForRecordHome,force:hasRecordId,forceCommunity:availableForAllPageTypes,force:lightningQuickAction">
    
    <!-- LIBRARIES -->
    <ltng:require styles="{!join(',', 
                          $Resource.FullCal + '/fullCal/fullcalendar.min.css',
                          $Resource.FullCal + '/fullCal/main.css',                             
                          $Resource.FullCal + '/fullCal/scheduler.min.css')}" 
                  scripts="{!join(',',
                           $Resource.FullCal + '/fullCal/moment.js',
                           $Resource.FullCal + '/fullCal/main.js',
                           $Resource.FullCal + '/fullCal/moment.js.map',
                           $Resource.FullCal + '/fullCal/jquery-2.2.4.min.js',                           
                           $Resource.FullCal + '/fullCal/fullcalendar.min.js',
                           $Resource.FullCal + '/fullCal/scheduler.min.js')}"
                  afterScriptsLoaded="{!c.jsLoaded}"/>
    
   
    <!-- ATTRIBUTES -->
    <aura:attribute type="Object[]" name="Resources"/>
   
    
     <!--Calendor Events Start -->
     <div class="EventSection" >
         <span>
            <ul >
                <li><span class="event-Inquired"></span>Inquired</li>
                <li><span class="event-Hold"></span>Hold</li>
                <li><span class="event-Confirmed"></span>Confirmed</li>
                <li><span class="event-Cancelled"></span>Cancelled</li>                                 
            </ul>
             </span>
        </div>
        <!--Calendor Events End -->
    <!-- Calendar Section Start -->
    <div id="container" style="width: 90% !important;overflow:hidden;margin:10px;">
        <div id="calendar"></div>
    </div>
    <!-- Calendar Section End --> 
</aura:component>



Getting Below Error when open load component using App.I know it is locker servic issue but not able to resolve it.

Custom Script Eval error in 'ltng:require' [SecureDOMEvent: [object Event]{ key: {"namespace":"c"} }]
AnudeepAnudeep (Salesforce Developers) 
This is mostly an issue with the library. When you encounter errors related to the external libraries the first place to look for is checking your library against Locker console 

As a reference, here are some best practices around for creating custom js libraries with locker service compatibility. Sharing JavaScript Code Across Components

https://salesforce.stackexchange.com/questions/236041/custom-script-eval-error-when-developing-a-lightning-component-in-an-organizatio
ravinder singh 95ravinder singh 95
Hi Anudeep,
I know it is a locker service issue but I don't know how to check my fulllcalendar lib against locker console.
Can you please help me on this.

Thanks