FullCalendar is not a function

Question

Hi Team I am trying to create a full calendar event, using plugin for Jquery , now the Calendar is not working or loading due to libraries, FullCalendar is not a function. How can i resolve this issue in order for my Calendar to work? //_Layout.cshtml "X-UA-Compatible" content= "IE=edge" > @ViewBag.Title | eNtsa Training-Academy @Styles.Render( "/Content/css" ) @Styles.Render( "/Content/fullcalendarcss" ) @Scripts.Render( "~/bundles/jquery" ) @Scripts.Render( "~/bundles/fullcalendarjs" ) @Scripts.Render( "~/bundles/bootstrap" ) @RenderSection( "scripts" , required: false ) Install-Package jQuery.Fullcalendar

Sachin Singh · Answer

for sometime make your layout null in view and in view add below script just for testing purpose so that we can be sure that there is some problem in layout js @{ layout= null ; } "https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js" > "https://momentjs.com/downloads/moment.min.js" > 'https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.1.0/fullcalendar.js' > 'stylesheet' href= "https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.1.0/fullcalendar.min.css" /> 'calendar' > $(document).ready(function() { // page is now ready, initialize the calendar... $( '#calendar' ).fullCalendar({ // put your options and callbacks here left: 'Calendar' , center: '' , right: 'today prev,next' }); });

Guest User · Answer

Hi Singh My FullCalendar is now not showing as per this link on the View Side

Guest User · Answer

Thanks mate If i had to create any event and be able to save it on the db record, what could i implement on controller side and viewside.?

Guest User · Answer

Hi Singh No sign of improvement, this is my current logic on the ViewSide. @{ ViewBag.Title = "Year-Events" ; } class = "jumbotron" > Yearly Events "calendar" > $(document).ready(function () { // page is now ready, initialize the calendar... $( '#calendar' ).fullCalendar({ // put your options and callbacks here left: 'Calendar' , center: '' , right: 'today prev,next' }); });

Sachin Singh · Answer

Put your script in ready function and let me know $(document).ready(function() { // page is now ready, initialize the calendar... $( '#calendar' ).fullCalendar({ // put your options and callbacks here left: 'Calendar' , center: '' , right: 'today prev,next' }); });

Sachin Singh · Answer

to add event follow below article https://www.toshalinfotech.com/Blogs/ID/115/How-to-Integrate-Full-calendar-with-MVC-application if you face any problem then let me know.