timegrid | online appointments platform based on Laravel PHP Framework

try to use a boolean, so onDestroy you cast this.destroy$.next(true). i'm following this guide

https://www.digitalocean.com/community/tutorials/angular-takeuntil-rxjs-unsubscribe

You seem to be getting mixed up between modern fullCalendar and the syntax for the older jQuery-based versions. .fullCalendar() was the way to run methods in v3 and below. With v5 if you want to call a method you do it directly.

But I think you don't need this separate call after rendering the calendar anyway. You seem to be trying to set what happens when the view is changed. That can be set in your initial options, without a separate call.

The other issue as well though is that viewRender no longer exists in v5. It's been replaced by the standardised view render hooks.

So actually you can achieve your goal this way:

I don't think it's possible.

The Date Formatting page isn't that descriptive with what the other options are. (..."and others")

But looking at the source code of DayCellContent and DayCellRoot you can see there isn't a date formatter present.

Ideally there'd be a 'dayCellDateFormat' property on the Calendar object similar to dayHeaderFormat on what you could use a Formatting Function to format the date as you wish.

Your best bet would be to file in an feature request on their Github issue page. It isn't that difficult to create but they should think it's a good idea for others as well.

So, the problem was with functions.php. As @ADyson commented, there was a meta tag there and with the require_once I was printing it every time.

Thanks to everyone that commented and helped me, and thanks again @ADyson.

Move the function outside of the connect() function and you can call it from any function (with a few caveats).

I am answering your question based on my similar experience.

But for accurate result i suggest to use php profiling tools like KCachegrind to find out which part of your code consumes more time to execute.

i Think The problem is With Carbon Which was Mine.

Carbon Object Takes Long time to instantiate (is Slow).

i have refactored my code to not use carbon for date compare (make it in DBMS) and everything speeds up.

I Think Your Problem is, you have fetched a lot of records from DB, and loop over them with foreach :

To have a result similar to v1 monthViewview, you have to change two small pieces of code.

1. In the config, you have to set the eventDisplay to block as suggested by @ADyson in comments (ref).

2. In the stylesheet, you have to add this:

   .fc-daygrid-event { white-space: normal !important; } .fc-h-event .fc-event-time { overflow: unset !important; }

With this two small changes, you'll have the expected result:

You said

I need to run data retrieve method when user clicks on Next Prior month arrows

...but actually no, you don't. You need to follow the proper system for doing this which fullCalendar has provided. See https://fullcalendar.io/docs/v4/events-function . If you give fullCalendar a callback function which runs your AJAX request, it will automatically call that function whenever it needs new events (i.e. whenever the date range being displayed changes). It passes the current start/end dates into the function so that you can use them in your AJAX to send to the server. No need to mess with datesRender etc.

You seem to be having some trouble relating the documentation to your own code, so here is an example of how you should do it. Obviously I haven't tested this, but this should give you the right idea.

Also, currently you are sending month and year to your server, but fullCalendar will pass you specific start and end dates. You should send these to your server. Then you should modify the server code so that it returns all events within these start and end dates, rather than for a specific months. This is because if, for example, you are using the "week" view instead of the "month" view, the dates that fullCalendar sends will cover 1 week instead of 1 month. So you need a bit more flexibility than just returning a whole month of events.