PrimeFaces Takvim dili nasıl değiştirilir?


Merhaba,

PrimeFaces takvim dilinin nasıl değiştirildiğini anlatmaya çalışacağım. Bilindiği üzere PrimeFaces Türk ürünü olmasına rağmen global olması açısından default gelen dil İngilizcedir. Takvim bileşeninde doğal olarak dili ingilizcedir.

Bu dili türkçeye nasıl çevireceğiz?

Aşağıdaki gibi locale i setlememiz resimde de görüldüğü üzere yeterli olmayacaktır.
<p:calendar locale="tr"/>





Buradaki adreste bulunan Türkçe için düzenlenmiş javascript kodunu sayfamıza eklememiz gerekmektedir. Sayfamızda bulunan kodların son hali aşağıdaki gibi olmalıdır.
<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <title>Facelet Title</title>
    </h:head>
    <h:body>
        <h:form>
            <p:calendar locale="tr"/>
        </h:form>
        <script type="text/javascript">
            PrimeFaces.locales['tr'] = {
                closeText: 'kapat',
                prevText: 'geri',
                nextText: 'ileri',
                currentText: 'bugün',
                monthNames: ['Ocak', 'Şubat', 'Mart', 'Nisan', 'Mayıs', 'Haziran', 'Temmuz', 'Ağustos', 'Eylül', 'Ekim', 'Kasım', 'Aralık'],
                monthNamesShort: ['Oca', 'Şub', 'Mar', 'Nis', 'May', 'Haz', 'Tem', 'Ağu', 'Eyl', 'Eki', 'Kas', 'Ara'],
                dayNames: ['Pazar', 'Pazartesi', 'Salı', 'Çarşamba', 'Perşembe', 'Cuma', 'Cumartesi'],
                dayNamesShort: ['Pz', 'Pt', 'Sa', 'Ça', 'Pe', 'Cu', 'Ct'],
                dayNamesMin: ['Pz', 'Pt', 'Sa', 'Ça', 'Pe', 'Cu', 'Ct'],
                weekHeader: 'Hf',
                firstDay: 1,
                isRTL: false,
                showMonthAfterYear: false,
                yearSuffix: '',
                timeOnlyTitle: 'Zaman Seçiniz',
                timeText: 'Zaman',
                hourText: 'Saat',
                minuteText: 'Dakika',
                secondText: 'Saniye',
                ampm: false,
                month: 'Ay',
                week: 'Hafta',
                day: 'Gün',
                allDayText: 'Tüm Gün'
            };
        </script>
    </h:body>
</html>




Başka bir yazıda görüşmek dileğiyle

Yorum Gönder

0 Yorumlar