How to add and display events dynamically in fullcalendar js with PHP and MySQL | fullcalendar.io

แชร์
ฝัง
  • เผยแพร่เมื่อ 8 ก.ย. 2024

ความคิดเห็น • 103

  • @Shinerweb
    @Shinerweb  ปีที่แล้ว

    Live demo and source code link: shinerweb.com/how-to-add-event-dynamically-in-fullcalendar-with-php-and-mysql-live-example/

  • @dannydostuff481
    @dannydostuff481 ปีที่แล้ว +3

    This was really helpful for my Events Registration project, thank you so much! I wanted to ask if you could make a video on how to add "register for events" using php and MySQL

    • @Shinerweb
      @Shinerweb  ปีที่แล้ว +1

      Thank my dear friend! I will try to make video

  • @piku5224
    @piku5224 29 วันที่ผ่านมา

    Sir thank you for the program. Everything is running perfectly, including calender. Sir isme event delete or edit keyse hoga

  • @muhammadqasim8978
    @muhammadqasim8978 7 หลายเดือนก่อน +1

    Thank you it really helped me a lot

    • @Shinerweb
      @Shinerweb  7 หลายเดือนก่อน

      Most welcome!

  • @Ineedhelp477
    @Ineedhelp477 ปีที่แล้ว +4

    I copied your whole code as you said but the website does not show any calendar, the popup dialog is displayed but there is no calendar at all, prob something with the CSS but I don't know how to solve

    • @Shinerweb
      @Shinerweb  ปีที่แล้ว

      please check your css and js file included in your file and also check is the any error in console log.

    • @user-jp5xo8eq9b
      @user-jp5xo8eq9b 5 หลายเดือนก่อน

      Same thing happens to me .......can you please help me to get rid of this????

  • @mohammedalabri1916
    @mohammedalabri1916 10 หลายเดือนก่อน +1

    really helpful
    many thanks
    but can i change the view of calendar ??
    nested of month i want to be displayed in weekly?

    • @Shinerweb
      @Shinerweb  10 หลายเดือนก่อน

      Welcome! Yes you can change that view as weekly.. you can prefer doc of fullcalander

  • @siddharthbathri6929
    @siddharthbathri6929 10 หลายเดือนก่อน +1

    Gteat video🎉

    • @Shinerweb
      @Shinerweb  10 หลายเดือนก่อน

      Thanks siddharth... Keep in touch with our channel 😊🙏

  • @roshnipatel7207
    @roshnipatel7207 2 ปีที่แล้ว +2

    Really helpful video

  • @melaniescrybaby8382
    @melaniescrybaby8382 ปีที่แล้ว +2

    thank you for this helpful video. i have a question, is it possible to also set time for the event in this calendar where it will be displayed when we look at the display screen?

    • @Shinerweb
      @Shinerweb  ปีที่แล้ว

      Yes you can! you can put your time with your event name

  • @gembetmancenido4482
    @gembetmancenido4482 ปีที่แล้ว +1

    good video

    • @Shinerweb
      @Shinerweb  ปีที่แล้ว

      Thank you!😊

  • @schnecke17
    @schnecke17 ปีที่แล้ว +4

    I copied the code but it won't show anything on the page... why?

    • @Shinerweb
      @Shinerweb  ปีที่แล้ว

      Do you have created table and also you have configured your database credentials in my code

    • @thoraudin2664
      @thoraudin2664 ปีที่แล้ว

      is because in the script you don't add var calendar to start the calendar

    • @sumitmorya7674
      @sumitmorya7674 9 หลายเดือนก่อน

      ​@@thoraudin2664 what i need to add where brother can you help me i need this in my project please reply 🙏

  • @jesusdacoast872
    @jesusdacoast872 6 หลายเดือนก่อน

    Thank you very much

    • @Shinerweb
      @Shinerweb  6 หลายเดือนก่อน

      You are welcome! Keep in touch with us

  • @laaarsn
    @laaarsn ปีที่แล้ว +2

    Great video. I have tried to make the calendar unique for each user by adding a column to the sql table and called it 'userame', and whenever I shell fetch data from the calendar table it uses the sql query with given username. However, if I use $_SESSION variables to determine logged in user, the calendar just disapperares.. is it a way to use / integrate session variables with javascript, or does it simply not work?

    • @Shinerweb
      @Shinerweb  ปีที่แล้ว +1

      First you take one hidden like

    • @samuelmahiuha6259
      @samuelmahiuha6259 ปีที่แล้ว

      @@Shinerweb in which .php file i'm i supposed to do that? please help

    • @Shinerweb
      @Shinerweb  ปีที่แล้ว

      @@samuelmahiuha6259 where you have written your ajax call

    • @carterblake5785
      @carterblake5785 ปีที่แล้ว +1

      @@Shinerweb can you be more specific on how to do this?

    • @Shinerweb
      @Shinerweb  ปีที่แล้ว

      @@carterblake5785 i will try to make specific video to get data based on user login

  • @austinrasor5327
    @austinrasor5327 ปีที่แล้ว +1

    I have copied the code but when I try and select a day on the calendar the model will not appear? What part of the code calls the model to activate onclick?

    • @Shinerweb
      @Shinerweb  ปีที่แล้ว

      First you can go to inspect elements and there is one tab console so plz chech there is any error or not

  • @johnmaverickclemente2922
    @johnmaverickclemente2922 ปีที่แล้ว +1

    How can I use a dropdown to retrieve data from only one table?
    such as using a name, ID, or other identifier

    • @Shinerweb
      @Shinerweb  ปีที่แล้ว

      It means you need to get data from the database

  • @sumitmorya7674
    @sumitmorya7674 9 หลายเดือนก่อน +1

    I downloaded the source code on my PC and when I run the dynamic full calendar.html file it's not showing the calender it's only showing the and content please help sir😢 (it's connected to the internet also )

    • @Shinerweb
      @Shinerweb  9 หลายเดือนก่อน

      Please check is there any error in console log

  • @irsyadazharusyarif6714
    @irsyadazharusyarif6714 5 หลายเดือนก่อน +1

    Where to get your .css and .js files ?

  • @dirkkucklick4462
    @dirkkucklick4462 2 ปีที่แล้ว +1

    Thanks for the great video and source code. I have a problem. If an appointment has the beginning and the end in 2 consecutive weeks, that the appointment is displayed only in the first week. How can I change this?

    • @Shinerweb
      @Shinerweb  2 ปีที่แล้ว

      Firstly thanks for your valuable comments!

    • @Shinerweb
      @Shinerweb  2 ปีที่แล้ว +1

      I think it will be working fine can you please select the range and check again because I already created range wise events.

    • @habipyatha933
      @habipyatha933 ปีที่แล้ว

      calender is not displayed
      console message = Uncaught ReferenceError: response is not defined
      at Object.error (dynamic-full-calendar.html:156:10)
      at u (jquery.min.js:2:27457)
      at Object.fireWith [as rejectWith] (jquery.min.js:2:28202)
      at k (jquery.min.js:2:77676)
      at XMLHttpRequest. (jquery.min.js:2:79907)

    • @Shinerweb
      @Shinerweb  ปีที่แล้ว

      @@habipyatha933 there is some error in your php file

  • @lukalex31
    @lukalex31 ปีที่แล้ว +1

    if I just want to save an event in just one day? I mean, the start and end date is always the same, without having to put another date as an end

    • @Shinerweb
      @Shinerweb  ปีที่แล้ว +1

      For that you can take only from date only and this date will be store inside to date also.

    • @lukalex31
      @lukalex31 ปีที่แล้ว +1

      @@Shinerweb thanks it works, another question, and to change language? i tried with locale cut it doesn't works, i need to export any library? thanks

    • @Shinerweb
      @Shinerweb  ปีที่แล้ว

      @@lukalex31 it means you need to store some local language data in database or what

  • @helabenabdallah1072
    @helabenabdallah1072 ปีที่แล้ว +1

    thank you for this wonderful and helpful tuto but how can i change the language into french, i tried but i couldn't change it

    • @Shinerweb
      @Shinerweb  ปีที่แล้ว +1

      you need to include fullcalendar/lang-all.js and after that you need pass lang: 'es'

    • @Shinerweb
      @Shinerweb  ปีที่แล้ว +1

      you can also prefer fullcalendar.io/docs/v3/lang

  • @maxsigne
    @maxsigne ปีที่แล้ว +1

    Hi, nice video. Can I change name of month or week for other language?

    • @Shinerweb
      @Shinerweb  ปีที่แล้ว +1

      That's also i don't know but you can see fullcalendar documentation and is there any option to change month nd week language

  • @nkpk1648
    @nkpk1648 7 หลายเดือนก่อน +1

    How to run this code? I mean with which platform? Can I use VS code?

    • @Shinerweb
      @Shinerweb  7 หลายเดือนก่อน

      You require xampp server with mysql database

  • @YuliiaKerda
    @YuliiaKerda ปีที่แล้ว

    Hello! Thank you for the this video, is there a way to add also the time not just the date?

    • @Shinerweb
      @Shinerweb  ปีที่แล้ว

      Yes i think you can add time also but we need to check and let you know

  • @piku5224
    @piku5224 หลายเดือนก่อน

    Sir how to edit or delete some event?

  • @akshatshah2330
    @akshatshah2330 5 หลายเดือนก่อน

    Hello Sir Please tell me how to add more input fields in event?

  • @thrive652
    @thrive652 ปีที่แล้ว +1

    Really love it but I cannot figure out why only the event ID is being displayed onclick instead of event ID, event name, etc.

    • @Shinerweb
      @Shinerweb  ปีที่แล้ว

      You can use that event id nd get all the details which you want

    • @thrive652
      @thrive652 ปีที่แล้ว

      @@Shinerweb Hello, thanks, but that wasn't the issue. The event_name, etc were not listed in the columns to display even if using the id number :) I figured it out though. I normally only do PHP so it took me a bit to see what was going on. Thanks again.

    • @brunoribeiro20ify
      @brunoribeiro20ify 9 หลายเดือนก่อน

      @@thrive652 How did you do it?

    • @thrive652
      @thrive652 9 หลายเดือนก่อน

      @brunoribeiro20ify hi there... I'm sorry but I can't really remember right now but it was likely a bit of a hack. On thinking back, I may have had to redirect to a php page carrying along the event id, then hitting db with that and returning to calendar to refresh. That was a while back, but I hope it helps;)

    • @brunoribeiro20ify
      @brunoribeiro20ify 9 หลายเดือนก่อน +1

      @@thrive652 Hey there...Thanks for the return anyway, i managed to show the data I wanted, more or less like you did.
      Again thanks!

  • @dmv_p
    @dmv_p ปีที่แล้ว +1

    Why have a calendar without times?

    • @Shinerweb
      @Shinerweb  ปีที่แล้ว

      You can take date and time

  • @user-hh4rc1uz9e
    @user-hh4rc1uz9e 9 หลายเดือนก่อน

    there is only one line showing in the wedsite not even the calender.i implemented everything as you said

    • @Shinerweb
      @Shinerweb  9 หลายเดือนก่อน

      Please check your console log and see is there any error are there

  • @mwtechnology3412
    @mwtechnology3412 ปีที่แล้ว

    how can create recurring events? like weekly event.

    • @Shinerweb
      @Shinerweb  ปีที่แล้ว

      You can select date in a range

  • @Anwesh028
    @Anwesh028 2 ปีที่แล้ว +2

    please provide the source code
    it will very helpful

    • @Shinerweb
      @Shinerweb  2 ปีที่แล้ว +1

      Thanks for your valuable comments! you can download source code from this link shinerweb.com/how-to-add-event-dynamically-in-fullcalendar-with-php-and-mysql-live-example/ please scroll down and at the end source code download link available. Thank you!

  • @maxsigne
    @maxsigne ปีที่แล้ว +1

    I can't delete events. I've trying 100x times in many diffrent ways but deleting events it's black magic for me.

    • @Shinerweb
      @Shinerweb  ปีที่แล้ว

      Can you please tell me right now how you can try to delete record

    • @maxsigne
      @maxsigne ปีที่แล้ว

      @@Shinerweb in eventRender: function() I try use ajax and send event.event_id, but these dosent work.
      Another try in the same function was use calendar.getEventById(event.event_id).remove() I found this in FullCalendar docs, but this dosent work too.
      eventRender: function(event, element, view) {
      element.bind('click', function() {
      alert("some alert");
      if(confirm("confirmation"))
      {
      var id_del = event.event_id;
      $.ajax({
      url: "delete.php",
      type: "POST",
      data: {id_del: id_del},
      success: function()
      {
      alert("some success alert");
      window.location.reload();
      }
      });
      }
      });
      }

    • @maxsigne
      @maxsigne ปีที่แล้ว +1

      @@Shinerweb ok, i get it. ChatGPT its amazing :D

    • @Shinerweb
      @Shinerweb  ปีที่แล้ว

      @@maxsigne good keep it up

    • @airilhaziq1
      @airilhaziq1 9 หลายเดือนก่อน

      hi can you tell me how you managed to delete events?@@maxsigne

  • @najwa_anuar6609
    @najwa_anuar6609 ปีที่แล้ว +1

    Great video. But I have some problem, my calendar does not appear.

    • @Shinerweb
      @Shinerweb  ปีที่แล้ว +1

      Please check your console and see is there any errors are there or not

    • @mitchooo
      @mitchooo ปีที่แล้ว +1

      same problem, can you help me please ?
      (index):118 Uncaught ReferenceError: response is not defined
      at Object.error ((dynamic-full-calendar):118:10)
      at u (jquery.min.js:2:27457)
      at Object.fireWith [as rejectWith] (jquery.min.js:2:28202)
      at k (jquery.min.js:2:77676)
      at XMLHttpRequest. (jquery.min.js:2:79907)

    • @Shinerweb
      @Shinerweb  ปีที่แล้ว

      @@mitchooo there is some problem in your PHP file so please check that file

    • @mitchooo
      @mitchooo ปีที่แล้ว

      @@Shinerweb i don't understand because i have change nothing in your code...

    • @Shinerweb
      @Shinerweb  ปีที่แล้ว

      @@mitchooo can you please tell where you are run this code or which domain you are using right now

  • @josevgamer8631
    @josevgamer8631 ปีที่แล้ว +1

    It's really helpful but I can't access source code file.

    • @Shinerweb
      @Shinerweb  ปีที่แล้ว +1

      You can download code from this link drive.google.com/file/d/1sy-Hwwb2XPjxI5QOypVitYuj62vqzK1K/view

    • @thoraudin2664
      @thoraudin2664 ปีที่แล้ว

      @@Shinerweb sorry i don't know why but your script don't give for me

  • @aditikadam9151
    @aditikadam9151 ปีที่แล้ว +2

    Event is not display

    • @Shinerweb
      @Shinerweb  ปีที่แล้ว

      Please check is there any error in console or you can share your errors

  • @thoraudin2664
    @thoraudin2664 ปีที่แล้ว

    please this code don't give for me i create the database but the calendar don't give i need help please

    • @Shinerweb
      @Shinerweb  ปีที่แล้ว

      Please check your console.log is there any error are there

  • @vilmarkvillabroza6110
    @vilmarkvillabroza6110 9 หลายเดือนก่อน +1

    calender is not displayed

    • @Shinerweb
      @Shinerweb  9 หลายเดือนก่อน

      Please check your console.log and see is there any error are there

  • @hieukim5696
    @hieukim5696 ปีที่แล้ว

    how to delete and change events?

    • @Shinerweb
      @Shinerweb  ปีที่แล้ว +1

      In this demo, I already fetch id when you click on any event, and you can use that id for delete events from the calendar.

    • @carterblake5785
      @carterblake5785 ปีที่แล้ว

      @@Shinerweb What does this mean? Deleting does not work nor does changing the event.

    • @Shinerweb
      @Shinerweb  ปีที่แล้ว

      @@carterblake5785 you can delete the record

  • @habipyatha933
    @habipyatha933 ปีที่แล้ว

    calender is not displayed
    console error =
    Uncaught ReferenceError: response is not defined
    at Object.error (dynamic-full-calendar.html:156:10)
    at u (jquery.min.js:2:27457)
    at Object.fireWith [as rejectWith] (jquery.min.js:2:28202)
    at k (jquery.min.js:2:77676)
    at XMLHttpRequest. (jquery.min.js:2:79907)

  • @mehdibekkous3047
    @mehdibekkous3047 ปีที่แล้ว +1

    I got This Probleme
    dynamic-full-calendar.html:106 Uncaught ReferenceError: response is not defined
    at Object.error (dynamic-full-calendar.html:106:15)
    at u (jquery.min.js:2:27457)
    at Object.fireWith [as rejectWith] (jquery.min.js:2:28202)
    at k (jquery.min.js:2:77676)
    at XMLHttpRequest. (jquery.min.js:2:79907)

    • @Shinerweb
      @Shinerweb  ปีที่แล้ว

      Your response not sent from your server so please check where you written select query which is return some value or not

    • @Shinerweb
      @Shinerweb  ปีที่แล้ว

      And also check json_encode