Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
4113 efrain 1 
<!DOCTYPE html>
2 
<html>
3 
<head>
4 
<meta charset='utf-8' />
5 
<link href='../fullcalendar.min.css' rel='stylesheet' />
6 
<link href='../fullcalendar.print.min.css' rel='stylesheet' media='print' />
7 
<script src='../lib/moment.min.js'></script>
8 
<script src='../lib/jquery.min.js'></script>
9 
<script src='../fullcalendar.min.js'></script>
10 
<script src='../locale-all.js'></script>
11 
<script>
12 
 
13 
  $(document).ready(function() {
14 
    var initialLocaleCode = 'en';
15 
 
16 
    $('#calendar').fullCalendar({
17 
      header: {
18 
        left: 'prev,next today',
19 
        center: 'title',
20 
        right: 'month,agendaWeek,agendaDay,listMonth'
21 
      },
22 
      defaultDate: '2020-05-12',
23 
      locale: initialLocaleCode,
24 
      buttonIcons: false, // show the prev/next text
25 
      weekNumbers: true,
26 
      navLinks: true, // can click day/week names to navigate views
27 
      editable: true,
28 
      eventLimit: true, // allow "more" link when too many events
29 
      events: [
30 
        {
31 
          title: 'All Day Event',
32 
          start: '2020-05-01'
33 
        },
34 
        {
35 
          title: 'Long Event',
36 
          start: '2020-05-07',
37 
          end: '2020-05-10'
38 
        },
39 
        {
40 
          id: 999,
41 
          title: 'Repeating Event',
42 
          start: '2020-05-09T16:00:00'
43 
        },
44 
        {
45 
          id: 999,
46 
          title: 'Repeating Event',
47 
          start: '2020-05-16T16:00:00'
48 
        },
49 
        {
50 
          title: 'Conference',
51 
          start: '2020-05-11',
52 
          end: '2020-05-13'
53 
        },
54 
        {
55 
          title: 'Meeting',
56 
          start: '2020-05-12T10:30:00',
57 
          end: '2020-05-12T12:30:00'
58 
        },
59 
        {
60 
          title: 'Lunch',
61 
          start: '2020-05-12T12:00:00'
62 
        },
63 
        {
64 
          title: 'Meeting',
65 
          start: '2020-05-12T14:30:00'
66 
        },
67 
        {
68 
          title: 'Happy Hour',
69 
          start: '2020-05-12T17:30:00'
70 
        },
71 
        {
72 
          title: 'Dinner',
73 
          start: '2020-05-12T20:00:00'
74 
        },
75 
        {
76 
          title: 'Birthday Party',
77 
          start: '2020-05-13T07:00:00'
78 
        },
79 
        {
80 
          title: 'Click for Google',
81 
          url: 'http://google.com/',
82 
          start: '2020-05-28'
83 
        }
84 
      ]
85 
    });
86 
 
87 
    // build the locale selector's options
88 
    $.each($.fullCalendar.locales, function(localeCode) {
89 
      $('#locale-selector').append(
90 
        $('<option/>')
91 
          .attr('value', localeCode)
92 
          .prop('selected', localeCode == initialLocaleCode)
93 
          .text(localeCode)
94 
      );
95 
    });
96 
 
97 
    // when the selected option changes, dynamically change the calendar option
98 
    $('#locale-selector').on('change', function() {
99 
      if (this.value) {
100 
        $('#calendar').fullCalendar('option', 'locale', this.value);
101 
      }
102 
    });
103 
  });
104 
 
105 
</script>
106 
<style>
107 
 
108 
  body {
109 
    margin: 0;
110 
    padding: 0;
111 
    font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
112 
    font-size: 14px;
113 
  }
114 
 
115 
  #top {
116 
    background: #eee;
117 
    border-bottom: 1px solid #ddd;
118 
    padding: 0 10px;
119 
    line-height: 40px;
120 
    font-size: 12px;
121 
  }
122 
 
123 
  #calendar {
124 
    max-width: 900px;
125 
    margin: 40px auto;
126 
    padding: 0 10px;
127 
  }
128 
 
129 
</style>
130 
</head>
131 
<body>
132 
 
133 
  <div id='top'>
134 
 
135 
    Locales:
136 
    <select id='locale-selector'></select>
137 
 
138 
  </div>
139 
 
140 
  <div id='calendar'></div>
141 
 
142 
</body>
143 
</html>