2
0

method_destroy.html 1.0 KB

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