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,listMonth'
19 
      },
20 
      defaultDate: '2020-05-12',
21 
      navLinks: true, // can click day/week names to navigate views
22 
      businessHours: true, // display business hours
23 
      editable: true,
24 
      events: [
25 
        {
26 
          title: 'Business Lunch',
27 
          start: '2020-05-03T13:00:00',
28 
          constraint: 'businessHours'
29 
        },
30 
        {
31 
          title: 'Meeting',
32 
          start: '2020-05-13T11:00:00',
33 
          constraint: 'availableForMeeting', // defined below
34 
          color: '#257e4a'
35 
        },
36 
        {
37 
          title: 'Conference',
38 
          start: '2020-05-18',
39 
          end: '2020-05-20'
40 
        },
41 
        {
42 
          title: 'Party',
43 
          start: '2020-05-29T20:00:00'
44 
        },
45 
 
46 
        // areas where "Meeting" must be dropped
47 
        {
48 
          id: 'availableForMeeting',
49 
          start: '2020-05-11T10:00:00',
50 
          end: '2020-05-11T16:00:00',
51 
          rendering: 'background'
52 
        },
53 
        {
54 
          id: 'availableForMeeting',
55 
          start: '2020-05-13T10:00:00',
56 
          end: '2020-05-13T16:00:00',
57 
          rendering: 'background'
58 
        },
59 
 
60 
        // red areas where no events can be dropped
61 
        {
62 
          start: '2020-05-24',
63 
          end: '2020-05-28',
64 
          overlap: false,
65 
          rendering: 'background',
66 
          color: '#ff9f89'
67 
        },
68 
        {
69 
          start: '2020-05-06',
70 
          end: '2020-05-08',
71 
          overlap: false,
72 
          rendering: 'background',
73 
          color: '#ff9f89'
74 
        }
75 
      ]
76 
    });
77 
 
78 
  });
79 
 
80 
</script>
81 
<style>
82 
 
83 
  body {
84 
    margin: 40px 10px;
85 
    padding: 0;
86 
    font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
87 
    font-size: 14px;
88 
  }
89 
 
90 
  #calendar {
91 
    max-width: 900px;
92 
    margin: 0 auto;
93 
  }
94 
 
95 
</style>
96 
</head>
97 
<body>
98 
 
99 
  <div id='calendar'></div>
100 
 
101 
</body>
102 
</html>