Full Calendar Türkçe Yapma

Full Calendar Türkçe Yapma
Full Calendar Türkçe Yapma

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
    });
});

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'
        },

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
    });
});

Ve FullCalendar'ınız artık Türkçe!

Keyifli projelerde kullanmanız dileğiyle..


Bugün bir iyilik yap, bu yazıyı arkadaşlarınla paylaş :
Bu yazıdan para kazanabilirsin

BU YAZIYI OKUYANLAR BUNLARI DA OKUDU

YORUMLAR

  1. profilselim

    Merhaba
    Eklediğimde türkçe karakter hatası veriyor. Nasıl düzeltebilirim.

Yorum yap

Geçersiz bir mail adresi girdiniz. Lütfen tüm zorunlu alanları doldurun. *