issue_2154.html 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset='utf-8' />
  5. <link href='../../dist/fullcalendar.css' rel='stylesheet' />
  6. <link href='../../dist/fullcalendar.print.css' rel='stylesheet' media='print' />
  7. <script src='../../node_modules/moment/moment.js'></script>
  8. <script src='../../node_modules/moment-timezone/moment-timezone.js'></script>
  9. <script src='../../node_modules/jquery/dist/jquery.js'></script>
  10. <script src='../../dist/fullcalendar.js'></script>
  11. <script>
  12. //moment-timezone-data
  13. moment.tz.add({
  14. "zones": {
  15. "CET": [
  16. "1 C-Eur CE%sT"
  17. ],
  18. "Etc/GMT": [
  19. "0 - GMT"
  20. ],
  21. "Etc/UTC": [
  22. "0 - UTC"
  23. ],
  24. "Europe/Berlin": [
  25. "0:53:28 - LMT 1893_3 0:53:28",
  26. "1 C-Eur CE%sT 1945_4_24_2 2",
  27. "1 SovietZone CE%sT 1946 1",
  28. "1 Germany CE%sT 1980 1",
  29. "1 EU CE%sT"
  30. ]
  31. },
  32. "rules": {
  33. "C-Eur": [
  34. "1916 1916 3 30 7 23 0 1 S",
  35. "1916 1916 9 1 7 1 0 0",
  36. "1917 1918 3 15 1 2 2 1 S",
  37. "1917 1918 8 15 1 2 2 0",
  38. "1940 1940 3 1 7 2 2 1 S",
  39. "1942 1942 10 2 7 2 2 0",
  40. "1943 1943 2 29 7 2 2 1 S",
  41. "1943 1943 9 4 7 2 2 0",
  42. "1944 1945 3 1 1 2 2 1 S",
  43. "1944 1944 9 2 7 2 2 0",
  44. "1945 1945 8 16 7 2 2 0",
  45. "1977 1980 3 1 0 2 2 1 S",
  46. "1977 1977 8 0 8 2 2 0",
  47. "1978 1978 9 1 7 2 2 0",
  48. "1979 1995 8 0 8 2 2 0",
  49. "1981 9999 2 0 8 2 2 1 S",
  50. "1996 9999 9 0 8 2 2 0"
  51. ],
  52. "SovietZone": [
  53. "1945 1945 4 24 7 2 0 2 M",
  54. "1945 1945 8 24 7 3 0 1 S",
  55. "1945 1945 10 18 7 2 2 0"
  56. ],
  57. "Germany": [
  58. "1946 1946 3 14 7 2 2 1 S",
  59. "1946 1946 9 7 7 2 2 0",
  60. "1947 1949 9 1 0 2 2 0",
  61. "1947 1947 3 6 7 3 2 1 S",
  62. "1947 1947 4 11 7 2 2 2 M",
  63. "1947 1947 5 29 7 3 0 1 S",
  64. "1948 1948 3 18 7 2 2 1 S",
  65. "1949 1949 3 10 7 2 2 1 S"
  66. ],
  67. "EU": [
  68. "1977 1980 3 1 0 1 1 1 S",
  69. "1977 1977 8 0 8 1 1 0",
  70. "1978 1978 9 1 7 1 1 0",
  71. "1979 1995 8 0 8 1 1 0",
  72. "1981 9999 2 0 8 1 1 1 S",
  73. "1996 9999 9 0 8 1 1 0"
  74. ]
  75. },
  76. "links": {}
  77. });
  78. $(document).ready(function() {
  79. $('#calendar').fullCalendar({
  80. editable: true,
  81. timeZone: 'Europe/Berlin',
  82. events: [
  83. {
  84. title: "event1",
  85. start: moment.parseZone('2014-05-30T10:00:00+02:00').tz('Europe/Berlin')
  86. }
  87. ],
  88. eventRender: function(event, el) {
  89. // render the timezone offset below the event title
  90. if (event.start.hasZone()) {
  91. el.find('.fc-event-title').after(
  92. $('<div class="tzo"/>').text(event.start.format('Z'))
  93. );
  94. }
  95. }
  96. });
  97. });
  98. </script>
  99. <style>
  100. body {
  101. margin: 0;
  102. padding: 0;
  103. font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
  104. font-size: 14px;
  105. }
  106. #calendar {
  107. width: 900px;
  108. margin: 40px auto;
  109. }
  110. </style>
  111. </head>
  112. <body>
  113. <div id='calendar'></div>
  114. </body>
  115. </html>