Add appointment management with a calendar
This commit is contained in:
19
src/appointment.php
Normal file
19
src/appointment.php
Normal file
@@ -0,0 +1,19 @@
|
||||
<!doctype html>
|
||||
<html class="no-js" lang="es">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
||||
<title>Gestión de citas</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" href="../static/style.css" type="text/css" media="screen" />
|
||||
<link href='../lib/fullcalendar/core/main.css' rel='stylesheet' />
|
||||
<link href='../lib/fullcalendar/daygrid/main.css' rel='stylesheet' />
|
||||
<script src='../lib/fullcalendar/core/main.js'></script>
|
||||
<script src='../lib/fullcalendar/daygrid/main.js'></script>
|
||||
<script src="calendar.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="calendar"></div>
|
||||
</body>
|
||||
</html>
|
||||
9
src/calendar.js
Normal file
9
src/calendar.js
Normal file
@@ -0,0 +1,9 @@
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
var calendarEl = document.getElementById('calendar');
|
||||
|
||||
var calendar = new FullCalendar.Calendar(calendarEl, {
|
||||
plugins: [ 'dayGrid' ]
|
||||
});
|
||||
|
||||
calendar.render();
|
||||
});
|
||||
@@ -3,7 +3,7 @@
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
||||
<title>Gestión de calendario</title>
|
||||
<title>Gestión de festivos</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" href="../static/style.css" type="text/css" media="screen" />
|
||||
Reference in New Issue
Block a user