fullCalendar js türkçeye çevirmek
Merhabalar
Bir randevu sistemi hazırlıyorum. Takvim üzerinde tarih gün isim isimleri gibi
bilgileri türkçeye çevirmek istiyorum.
Aşağıdaki gibi 2 şekilde de deniyorum fakat hata alıyorum.
var calendar = $('#calendar').fullCalendar({
locale: "tr",
lang: "tr",
});
Çıkan hata mesajı
Uncaught TypeError: a.fullCalendar.datepickerLang is not a function
Bu konuyla ilgili dokümantasyon sayfası:
https://fullcalendar.io/docs/v3/lang
Siz dil dosyasını sayfanıza çağırmamış olabilirsiniz.
lang
Takvim için dil ve yerelleştirme seçeneklerini özelleştirin.
Bu ayarlar v3'te locale olarak yeniden adlandırıldı. Ayrıca, lang.js ve /lang/*.js dosyaları da benzer şekilde yeniden adlandırıldı.
String türünde dil kodu alır. Varsayılan: "en"
Diğer diller nasıl kullanılır?
Kullanmak için dilin JavaScript dosyasını yüklemeniz gerekecek.
Bu dosyalar, lang/ dizinindeki FullCalendar indirmesine dahil edilmiştir.
Ana FullCalendar kitaplığı yüklendikten sonra bir <script /> etiketi aracılığıyla yüklenmeleri gerekir.
<script src='fullcalendar/fullcalendar.js'></script>
<script src='fullcalendar/lang/es.js'></script>
<script>
$(function() {
$('#calendar').fullCalendar({
});
});
</script>
Yalnızca bir dil yüklüyorsanız, dil seçeneğini belirtmeniz gerekmez. FullCalendar, yüklenen en son dil dosyasına bakar ve onu kullanır.
Ancak, birden fazla dil dosyası yüklenmişse veya birleştirilmiş all.js dosyası yüklenmişse, lang seçeneği aracılığıyla hangi dili kullanacağınızı açıkça belirtmelisiniz:
<script src='fullcalendar/fullcalendar.js'></script>
<script src='fullcalendar/lang-all.js'></script>
<script>
$(function() {
$('#calendar').fullCalendar({
lang: 'es'
});
});
</script>
MomentJS ve jQuery UI Datepicker
Bir FullCalendar dil dosyası yüklediğinizde, MomentJS ve jQuery UI Datepicker (kütüphane zaten sayfadaysa) için çevirileri de yükler.
FullCalendar'ın dil dosyasını eklemeden önce Moment ve Datepicker için <script /> etiketlerini eklediğinizden emin olun:
<script src='lib/moment.js'></script>
<script src='lib/jquery-ui.custom-datepicker.js'></script>
<script src='fullcalendar/fullcalendar.js'></script>
<script src='fullcalendar/lang-all.js'></script>