9 Ocak 2015 Cuma

jquery turkish datepicker -- tr culture--

The below jquery script is used for Turkish datetimepicker.To entegrate this script into your UI do the following instructions:
  1. Create new script file with "query.ui.datepicker-tr.js" name
  2. link to this script in your UI.

Happy coding :)
 jQuery(function ($) {  
   $.datepicker.regional['tr'] = {  
     closeText: 'Kapat',  
     prevText: 'Geri',  
     nextText: 'İleri',  
     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',  
     dateFormat: 'dd.mm.yy',  
     firstDay: 1,  
     isRTL: false,  
     showMonthAfterYear: false,  
     yearSuffix: ''  
   };  
   $.datepicker.setDefaults($.datepicker.regional['tr']);  
 });  

2 yorum:

  1. html 5 canvas animate cc incine göm yeter. ama font boyutu ve bunun açık kalmasını istiyorum onu arıyorum. kaynak çok kısıtlı tıklayınca açılmasın tablo gibi dursun muhtemelen bir datepicker yapmam gerekecek.

    YanıtlaSil
  2. nane_date_select();

    function nane_date_select(newDate) {
    $.datepicker.regional['tr'] = {
    closeText: 'Tarih', // set a close button text
    currentText: 'Seçin', // set today text
    monthNames: ['Ocak','Şubat','Mart','Nisan','Mayıs','Haziran', 'Temmuz','Ağustos','Eylül','Ekim','Kasım','Aralık'], // set month names
    monthNamesShort: ['Ock','Şub','Mar','Nis','May','Haz','Tem','Ağu','Eyl','Eki','Kas','Ara'], // set short month names
    dayNames: ['Pazar','Pazartesi','Salı','Çarşamba','Perşembe','Cuma','Cumartesi'], // set days names
    dayNamesShort: ['Paz','Pzt','Sal','Çar','Per','Cum','Cmt'], // set short day names
    dayNamesMin: ['pz','Pt','SL','Çr','Pr','Cm','Ct'], // set more short days names
    dateFormat: 'dd/mm/yy' // set format date
    };

    $.datepicker.setDefaults($.datepicker.regional['tr']);

    $(".datepicker").datepicker();
    // Özel kodunuzu başlatın
    $.datepicker.setDefaults(
    $.extend(
    {'dateFormat':'dd-mm-yy'},
    $.datepicker.regional['tr']
    )
    );
    console.log(newDate);

    }
    $("#dom_overlay_container").on("attached", function(evt, param) {
    if(param && param.id == 'nane') {
    $("#nane").datepicker("option", "onSelect", nane_date_select.bind(this));
    }
    });

    YanıtlaSil