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>
11 
 
12 
  $(document).ready(function() {
13 
 
14 
    $('#calendar').fullCalendar({
15 
      header: {
16 
        left: 'prev,next today',
17 
        center: 'title',
18 
        right: 'month,agendaWeek,agendaDay'
19 
      },
20 
      defaultDate: '2020-05-12',
21 
      navLinks: true, // can click day/week names to navigate views
22 
      selectable: true,
23 
      selectHelper: true,
24 
      select: function(start, end) {
25 
        var title = prompt('Event Title:');
26 
        var eventData;
27 
        if (title) {
28 
          eventData = {
29 
            title: title,
30 
            start: start,
31 
            end: end
32 
          };
33 
          $('#calendar').fullCalendar('renderEvent', eventData, true); // stick? = true
34 
        }
35 
        $('#calendar').fullCalendar('unselect');
36 
      },
37 
      editable: true,
38 
      eventLimit: true, // allow "more" link when too many events
39 
      events: [
40 
        {
41 
          title: 'All Day Event',
42 
          start: '2020-05-01'
43 
        },
44 
        {
45 
          title: 'Long Event',
46 
          start: '2020-05-07',
47 
          end: '2020-05-10'
48 
        },
49 
        {
50 
          id: 999,
51 
          title: 'Repeating Event',
52 
          start: '2020-05-09T16:00:00'
53 
        },
54 
        {
55 
          id: 999,
56 
          title: 'Repeating Event',
57 
          start: '2020-05-16T16:00:00'
58 
        },
59 
        {
60 
          title: 'Conference',
61 
          start: '2020-05-11',
62 
          end: '2020-05-13'
63 
        },
64 
        {
65 
          title: 'Meeting',
66 
          start: '2020-05-12T10:30:00',
67 
          end: '2020-05-12T12:30:00'
68 
        },
69 
        {
70 
          title: 'Lunch',
71 
          start: '2020-05-12T12:00:00'
72 
        },
73 
        {
74 
          title: 'Meeting',
75 
          start: '2020-05-12T14:30:00'
76 
        },
77 
        {
78 
          title: 'Happy Hour',
79 
          start: '2020-05-12T17:30:00'
80 
        },
81 
        {
82 
          title: 'Dinner',
83 
          start: '2020-05-12T20:00:00'
84 
        },
85 
        {
86 
          title: 'Birthday Party',
87 
          start: '2020-05-13T07:00:00'
88 
        },
89 
        {
90 
          title: 'Click for Google',
91 
          url: 'http://google.com/',
92 
          start: '2020-05-28'
93 
        }
94 
      ]
95 
    });
96 
 
97 
  });
98 
 
99 
</script>
100 
<style>
101 
 
102 
  body {
103 
    margin: 40px 10px;
104 
    padding: 0;
105 
    font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
106 
    font-size: 14px;
107 
  }
108 
 
109 
  #calendar {
110 
    max-width: 900px;
111 
    margin: 0 auto;
112 
  }
113 
 
114 
</style>
115 
</head>
116 
<body>
117 
 
118 
  <div id='calendar'></div>
119 
 
120 
</body>
121 
</html>