method_destroy.html 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <link href='../../dist/fullcalendar.css' rel='stylesheet' />
  5. <link href='../../dist/fullcalendar.print.css' rel='stylesheet' media='print' />
  6. <script src='../../node_modules/jquery/dist/jquery.js'></script>
  7. <script src='../../node_modules/moment/moment.js'></script>
  8. <script src='../../dist/fullcalendar.js'></script>
  9. <script>
  10. $(document).ready(function() {
  11. var cal = $('#calendar').fullCalendar({
  12. header: {
  13. left: 'prev,next today',
  14. center: 'title',
  15. right: 'month,week,dayGridWeek,day,dayGridDay'
  16. }
  17. });
  18. console.log(cal.data('fullCalendar'));
  19. cal.fullCalendar('destroy');
  20. console.log(cal.data('fullCalendar'));
  21. });
  22. </script>
  23. <style>
  24. body {
  25. margin-top: 40px;
  26. text-align: center;
  27. font-size: 13px;
  28. font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
  29. }
  30. #calendar {
  31. width: 900px;
  32. margin: 0 auto;
  33. }
  34. </style>
  35. </head>
  36. <body>
  37. <div id='calendar'>some text in here</div>
  38. </body>
  39. </html>