Yazeka
Arama sonuçlarına göre oluşturuldu
FullCalendar kullanmak için aşağıdaki adımları izlemek gerekmektedir:
- Gerekli Dosyaların Eklenmesi: FullCalendar'ın CSS dosyası ve jQuery ile FullCalendar ve jQuery JS dosyaları, web sayfasının
<head>
bölümüne eklenmelidir 1:<link rel='stylesheet' type='text/css' href='fullcalendar.css' /> <script type='text/javascript' src='jquery.js'></script> <script type='text/javascript' src='fullcalendar.js'></script>
- JavaScript Kodunun Yazılması: Sayfanın yüklenmesi tamamlandıktan sonra, takvimi başlatan JavaScript kodu yazılmalıdır. Bu kod, jQuery'nin
$(document).ready
fonksiyonu içinde yer almalıdır 1:$(function() { // sayfa hazır, takvimi başlat $('#calendar').fullCalendar({ // seçenekler ve geri çağırmalar burada }); });
- Takvim Elemanının Oluşturulması: Sayfada, takvimin yerleştirileceği bir
<div>
elemanı bulunmalıdır 1:<div id='calendar'></div>
- Opsiyonların Ayarlanması: Takvim seçenekleri,
fullCalendar
fonksiyonu içinde{}
parantezleri içinde belirtilir 1. Örneğin, haftasonlarını gizlemek içinweekends: false
seçeneği kullanılabilir 1. - Olayların Eklenmesi: FullCalendar, olay etkileşimlerini sağlamak için
@fullcalendar/interaction
gibi eklentiler sunar 2. Olayları eklemek için, takvimineditable
veselectable
özelliklerinitrue
olarak ayarlamak veinteractionsPlugin
'i eklemek gereklidir 2.
5 kaynaktan alınan bilgiyle göre: