issue_2154.html 3.3 KB

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