method_destroy.html 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  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,agendaWeek,basicWeek,agendaDay,basicDay'
  16. },
  17. theme: true
  18. });
  19. console.log(cal.data('fullCalendar'));
  20. cal.fullCalendar('destroy');
  21. console.log(cal.data('fullCalendar'));
  22. });
  23. </script>
  24. <style>
  25. body {
  26. margin-top: 40px;
  27. text-align: center;
  28. font-size: 13px;
  29. font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
  30. }
  31. #calendar {
  32. width: 900px;
  33. margin: 0 auto;
  34. }
  35. </style>
  36. </head>
  37. <body>
  38. <div id='calendar'>some text in here</div>
  39. </body>
  40. </html>