Viewing file:  calendarmoph.php (9.22 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
<?php include('moph_admin/includes/db.php'); ?>
<!DOCTYPE html>
<html lang="en">
<head>
<!--=====================================
META TAG PART START
=======================================-->
<!-- REQUIRE META -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- AUTHOR META -->
<meta name="author" content="coopshop2565">
<meta name="email" content="Coopshop2566@gmail.com">
<meta name="profile" content="https://www.facebook.com/profile.php?id=100076935348305&mibextid=JRoKGi">
<!-- TEMPLATE META -->
<meta name="name" content="สมาคมแม่บ้านสาธารณสุข">
<meta name="title" content="สมาคมแม่บ้านสาธารณสุข">
<meta name="keywords" content="สินค้าเกษตร,สมาคมแม่บ้านสาธารณสุข,ข้าวหอมมะลิ,ข้าวใหม่,ข้าวเหนียว,ข้าวไรซ์เบอรี่,ข้าวกล้อง,ข้าวเหนียวปลาตะเพียน,ข้าวขาวคัดพิเศษ,ข้าวเพชรบูรณ์">
<!--=====================================
META-TAG PART END
=======================================-->
<!-- WEBPAGE TITLE -->
<title>สมาคมแม่บ้านสาธารณสุข </title>
<!--=====================================
CSS LINK PART START
=======================================-->
<!-- FAVICON -->
<link rel="icon" href="images/favicon2.png">
<!-- FONTS -->
<link rel="stylesheet" href="fonts/flaticon/flaticon.css">
<link rel="stylesheet" href="fonts/icofont/icofont.min.css">
<link rel="stylesheet" href="fonts/fontawesome/fontawesome.min.css">
<!-- VENDOR -->
<link rel="stylesheet" href="vendor/venobox/venobox.min.css">
<link rel="stylesheet" href="vendor/slickslider/slick.min.css">
<link rel="stylesheet" href="vendor/niceselect/nice-select.min.css">
<link rel="stylesheet" href="vendor/bootstrap/bootstrap.min.css">
<link href="moph_admin/bower_components/fullcalendar/dist/fullcalendar.min.css" rel="stylesheet">
<!-- CUSTOM -->
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/about.css">
<link rel="stylesheet" href="css/user-auth.css">
<!--=====================================
CSS LINK PART END
=======================================-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<style>
body {
font-family: "Prompt", sans-serif;
font-weight: 400;
font-style: normal;
}
</style>
</head>
<body>
<div class="backdrop"></div>
<a class="backtop fas fa-arrow-up" href="#"></a>
<?php include('includes/header.php'); ?>
<!--=====================================
BANNER PART START
=======================================-->
<section class="single-banner" style="background: url(images/banner-bg.jpg) no-repeat center;">
<div class="container">
<ol class="breadcrumb">
</ol>
</div>
</section>
<!--=====================================
BANNER PART END
=======================================-->
<br>
<!--=====================================
ABOUT PART START
=======================================-->
<section class="inner-section about-company">
<div class="container">
<div class="row align-items-center user-form-remind">
<div id="fullCalendarCurrent"></div>
</div>
</div>
</section>
<!--=====================================
PROMOTION PART START
=======================================-->
<!--=====================================
FOOTER PART START
=======================================-->
<?php include('includes/footer.php'); ?>
<!--=====================================
FOOTER PART END
=======================================-->
<!--=====================================
JS LINK PART START
=======================================-->
<!-- VENDOR -->
<script src="vendor/bootstrap/jquery-1.12.4.min.js"></script>
<script src="vendor/bootstrap/popper.min.js"></script>
<script src="vendor/bootstrap/bootstrap.min.js"></script>
<script src="vendor/countdown/countdown.min.js"></script>
<script src="vendor/niceselect/nice-select.min.js"></script>
<script src="vendor/slickslider/slick.min.js"></script>
<script src="vendor/venobox/venobox.min.js"></script>
<script src="moph_admin/bower_components/jquery/dist/jquery.min.js"></script>
<script src="moph_admin/bower_components/moment/moment.js"></script>
<script src="moph_admin/bower_components/bootstrap-validator/dist/validator.min.js"></script>
<script src="moph_admin/bower_components/bootstrap-daterangepicker/daterangepicker.js"></script>
<script src="moph_admin/bower_components/ion.rangeSlider/js/ion.rangeSlider.min.js"></script>
<script src="moph_admin/bower_components/fullcalendar/dist/fullcalendar.min.js"></script>
<script src="moph_admin/bower_components/fullcalendar/dist/locale/th.js"></script>
<script src="moph_admin/bower_components/perfect-scrollbar/js/perfect-scrollbar.jquery.min.js"></script>
<!-- CUSTOM -->
<script src="js/nice-select.js"></script>
<script src="js/countdown.js"></script>
<script src="js/accordion.js"></script>
<script src="js/venobox.js"></script>
<script src="js/slick.js"></script>
<script src="js/main.js"></script>
<!--=====================================
JS LINK PART END
=======================================-->
<script>
$(document).ready(function() {
function convertToBuddhistYear(date, format) {
var buddhistDate = moment(date).add(543, 'years');
return buddhistDate.format(format);
}
if ($("#fullCalendarCurrent").length) {
var calendar, d, date, m, y;
date = new Date();
d = date.getDate();
m = date.getMonth();
y = date.getFullYear();
calendar = $("#fullCalendarCurrent").fullCalendar({
header: {
left: "prev,next today",
center: "title",
right: "month,agendaWeek,agendaDay"
},
locale: 'th',
selectable: false,
selectHelper: false,
editable: false,
events: function(start, end, timezone, callback) {
// ดึงข้อมูลเหตุการณ์จากฐานข้อมูลของคุณ
$.ajax({
url: 'moph_admin/api_calendar/show_calendar.php', // เปลี่ยนเป็น URL ของ API ที่ดึงข้อมูลเหตุการณ์
type: 'POST',
data: JSON.parse(JSON.stringify({
start,
end
})),
success: function(response) {
var events = response; // ข้อมูลเหตุการณ์ที่ได้รับ
// แปลงข้อมูลเหตุการณ์เป็นรูปแบบที่ FullCalendar ต้องการ
var formattedEvents = events.map(function(event) {
return {
id: event.id,
title: event.title,
start: event.start,
end: event.end,
description: event.description,
color: event.color
};
});
callback(formattedEvents);
},
error: function(xhr, status, error) {
console.error('Error fetching events:', error);
alert('เกิดข้อผิดพลาดในการดึงข้อมูลเหตุการณ์');
}
});
},
});
}
});
</script>
</body>
</html>
|