Merhaba arkadaşlar;
Mükemmel bir ajanda / takvim framework'ü olan FullCalendar'ın (bkz. https://fullcalendar.io/) butonlarını ve diğer gün, ay ve yıl gibi metinlerini çok karıştırmadan ve ek bir dosyaya ihtiyaç duymadan bize tanınan özelleştirme syntaxları ile Türkçe'ye nasıl çevireceğiz onu anlatacağım.
Web sitesi üzerinden (bkz. https://fullcalendar.io/download) en son ve güncel dosyalarını indirin.
Normal ve basit kullanımda çağırırken aşağıdaki yolu izleriz.
$(document).ready(function() {
$('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'month,basicWeek,basicDay'
},
defaultDate: '2018-03-12',
navLinks: true, // can click day/week names to navigate views
editable: true,
eventLimit: true, // allow "more" link when too many events
});
});
$('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'month,basicWeek,basicDay'
},
defaultDate: '2018-03-12',
navLinks: true, // can click day/week names to navigate views
editable: true,
eventLimit: true, // allow "more" link when too many events
});
});
Bu kullanıma tüm buton, linkler ve metinlere ait textleri değiştireceğimiz ek şu satırları ekliyoruz.
monthNames: ['Ocak','Şubat','Mart','Nisan','Mayıs','Haziran','Temmuz','Ağustos','Eylül','Ekim','Kasım','Aralık'],
monthNamesShort: ['Ocak','Şubat','Mart','Nisan','Mayıs','Haziran','Temmuz','Ağustos','Eylül','Ekim','Kasım','Aralık'],
dayNames: ['Pazar','Pazartesi','Salı','Çarşamba','Perşembe','Cuma','Cumartesi'],
dayNamesShort: ['Pazar','Pazartesi','Salı','Çarşamba','Perşembe','Cuma','Cumartesi'],
editable:true,
buttonText: {
today: 'Bugün',
month: 'Ay',
week: 'Hafta',
day: 'Gün',
list: 'Liste',
listMonth: 'Aylık Liste',
listYear: 'Yıllık Liste',
listWeek: 'Haftalık Liste',
listDay: 'Günlük Liste'
},
monthNamesShort: ['Ocak','Şubat','Mart','Nisan','Mayıs','Haziran','Temmuz','Ağustos','Eylül','Ekim','Kasım','Aralık'],
dayNames: ['Pazar','Pazartesi','Salı','Çarşamba','Perşembe','Cuma','Cumartesi'],
dayNamesShort: ['Pazar','Pazartesi','Salı','Çarşamba','Perşembe','Cuma','Cumartesi'],
editable:true,
buttonText: {
today: 'Bugün',
month: 'Ay',
week: 'Hafta',
day: 'Gün',
list: 'Liste',
listMonth: 'Aylık Liste',
listYear: 'Yıllık Liste',
listWeek: 'Haftalık Liste',
listDay: 'Günlük Liste'
},
Yani son kullanım şu sekilde olacak.
$(document).ready(function() {
$('#calendar').fullCalendar({
monthNames: ['Ocak','Şubat','Mart','Nisan','Mayıs','Haziran','Temmuz','Ağustos','Eylül','Ekim','Kasım','Aralık'],
monthNamesShort: ['Ocak','Şubat','Mart','Nisan','Mayıs','Haziran','Temmuz','Ağustos','Eylül','Ekim','Kasım','Aralık'],
dayNames: ['Pazar','Pazartesi','Salı','Çarşamba','Perşembe','Cuma','Cumartesi'],
dayNamesShort: ['Pazar','Pazartesi','Salı','Çarşamba','Perşembe','Cuma','Cumartesi'],
editable:true,
buttonText: {
today: 'Bugün',
month: 'Ay',
week: 'Hafta',
day: 'Gün',
list: 'Liste',
listMonth: 'Aylık Liste',
listYear: 'Yıllık Liste',
listWeek: 'Haftalık Liste',
listDay: 'Günlük Liste'
},
header: {
left: 'prev,next today',
center: 'title',
right: 'month,basicWeek,basicDay'
},
defaultDate: '2018-03-12',
navLinks: true, // can click day/week names to navigate views
editable: true,
eventLimit: true, // allow "more" link when too many events
});
});
$('#calendar').fullCalendar({
monthNames: ['Ocak','Şubat','Mart','Nisan','Mayıs','Haziran','Temmuz','Ağustos','Eylül','Ekim','Kasım','Aralık'],
monthNamesShort: ['Ocak','Şubat','Mart','Nisan','Mayıs','Haziran','Temmuz','Ağustos','Eylül','Ekim','Kasım','Aralık'],
dayNames: ['Pazar','Pazartesi','Salı','Çarşamba','Perşembe','Cuma','Cumartesi'],
dayNamesShort: ['Pazar','Pazartesi','Salı','Çarşamba','Perşembe','Cuma','Cumartesi'],
editable:true,
buttonText: {
today: 'Bugün',
month: 'Ay',
week: 'Hafta',
day: 'Gün',
list: 'Liste',
listMonth: 'Aylık Liste',
listYear: 'Yıllık Liste',
listWeek: 'Haftalık Liste',
listDay: 'Günlük Liste'
},
header: {
left: 'prev,next today',
center: 'title',
right: 'month,basicWeek,basicDay'
},
defaultDate: '2018-03-12',
navLinks: true, // can click day/week names to navigate views
editable: true,
eventLimit: true, // allow "more" link when too many events
});
});
Ve FullCalendar'ınız artık Türkçe!
Keyifli projelerde kullanmanız dileğiyle..
Toplam 3 Yorum
selim
11.09.2019 21:36:42
Merhaba Eklediğimde türkçe karakter hatası veriyor. Nasıl düzeltebilirim.
Umut Aras
23.08.2020 17:26:16
Diğer arkadaşda sormuş ama hocam, Türkçe karakterlerde problem oluyor, çözümünü bulamadım. Bildiğiniz bir yol var mıdır acaba ?
Abdullah
12.10.2020 02:11:57
teşekkürler. çalışan basit ama etkili bir kod.