Wie kann ich lokalisieren Sie die jQuery UI-Datepicker?

Brauche ich wirklich eine lokalisierte dropdown-Kalender. Eine englische Kalender nicht genau, kommunizieren excellence auf einer Norwegischen website 😉

Habe ich experimentierte mit der jQuery DatePickerIhre website sagt, dass es lokalisiert werden kann, aber das scheint nicht zu funktionieren.

Ich bin mit ASPNET.MVC, und ich wirklich wollen, zu bleiben, um eine javascript-Bibliothek. In diesem Fall jQuery.

Ajax toolkit Kalender wäre akzeptabel, wenn es auch anzeigen würde Norwegischen Namen.

Update: Genial! Ich sehe, ich bin fehlen die Sprachdateien, die nicht ganz so kleine detail 🙂

InformationsquelleAutor der Frage Thomas Eyde | 2009-01-30

  1. 176

    Für diejenigen, die noch Probleme haben, müssen Sie zum herunterladen der Sprachdatei deinen wünschen von hier aus:

    https://github.com/jquery/jquery-ui/tree/master/ui/i18n

    und dann in deine Seite wie diese zum Beispiel(Italienisch):

    <script type="text/javascript" src="/scripts/jquery.ui.datepicker-it.js"></script>

    dann verwenden zilverdistel code 😀

    InformationsquelleAutor der Antwort max4ever

  2. 72

    Dachte ich, die demo und umgesetzt es auf folgende Weise:

    $.datepicker.setDefaults(
  $.extend(
    {'dateFormat':'dd-mm-yy'},
    $.datepicker.regional['nl']
  )
);

    Ich brauchte, um die Standardeinstellungen für das Datumsformat zu ...

    InformationsquelleAutor der Antwort Zilverdistel

  3. 16

    Den string $.datepicker.regional['it'] nicht übersetzen, alle Wörter.

    Übersetzen der datepicker müssen Sie einige Variablen:

    $.datepicker.regional['it'] = {
    closeText: 'Chiudi', //set a close button text
    currentText: 'Oggi', //set today text
    monthNames: ['Gennaio','Febbraio','Marzo','Aprile','Maggio','Giugno',   'Luglio','Agosto','Settembre','Ottobre','Novembre','Dicembre'], //set month names
    monthNamesShort: ['Gen','Feb','Mar','Apr','Mag','Giu','Lug','Ago','Set','Ott','Nov','Dic'], //set short month names
    dayNames: ['Domenica','Luned&#236','Marted&#236','Mercoled&#236','Gioved&#236','Venerd&#236','Sabato'], //set days names
    dayNamesShort: ['Dom','Lun','Mar','Mer','Gio','Ven','Sab'], //set short day names
    dayNamesMin: ['Do','Lu','Ma','Me','Gio','Ve','Sa'], //set more short days names
    dateFormat: 'dd/mm/yy' //set format date
};

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

$(".datepicker").datepicker();

    In diesem Fall Ihre datepicker ist richtig übersetzt.

    InformationsquelleAutor der Antwort kampageddon

  4. 7

    1. Sie müssen laden Sie die jQuery UI-i18n-Dateien:

    <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/i18n/jquery-ui-i18n.min.js">
</script>

    2. Verwenden $.datepicker.setDefaults Funktion zum festlegen von Standardeinstellungen für ALLE datepickers.

    3. In Fall, dass Sie wollen, zu überschreiben Einstellung(en) vor der Einstellung wird standardmäßig können Sie dieses verwenden:

    var options = $.extend(
    {},                                  //empty object
    $.datepicker.regional["fr"],         //fr regional
    { dateFormat: "d MM, y" /*, ... */ } //your custom options
);
$.datepicker.setDefaults(options);

    Die Reihenfolge der Parameter ist wichtig, weil der Weg jQuery.verlängern funktioniert. Zwei falsche Beispiele:

    /*
 * This overwrites the global variable itself instead of creating a
 * customized copy of french regional settings
 */
$.extend($.datepicker.regional["fr"], { dateFormat: "d MM, y"});

/*
 * The desired dateFormat is overwritten by french regional 
 * settings' date format
 */
$.extend({ dateFormat: "d MM, y"}, $.datepicker.regional["fr"]);

    InformationsquelleAutor der Antwort Salman A

  5. 6
      $.datepicker.setDefaults({
    closeText: "关闭",
    prevText: "&#x3C;上月",
    nextText: "下月&#x3E;",
    currentText: "今天",
    monthNames: [ "一月","二月","三月","四月","五月","六月",
    "七月","八月","九月","十月","十一月","十二月" ],
    monthNamesShort: [ "一月","二月","三月","四月","五月","六月",
    "七月","八月","九月","十月","十一月","十二月" ],
    dayNames: [ "星期日","星期一","星期二","星期三","星期四","星期五","星期六" ],
    dayNamesShort: [ "周日","周一","周二","周三","周四","周五","周六" ],
    dayNamesMin: [ "日","一","二","三","四","五","六" ],
    weekHeader: "周",
    dateFormat: "yy-mm-dd",
    firstDay: 1,
    isRTL: false,
    showMonthAfterYear: true,
    yearSuffix: "年"
  });

    i18n-code kopiert werden konnten von https://github.com/jquery/jquery-ui/tree/master/ui/i18n

    InformationsquelleAutor der Antwort user1087079

  6. 3

    Wenn Sie die jQuery-UI - datepicker-und moment.js auf dem gleichen Projekt, sollten Sie Huckepack aus der moment.js's locale data:

    //Finnish. you need to include separate locale file for each locale: https://github.com/moment/moment/tree/develop/locale
moment.locale('fi'); 

//fetch locale data internal structure, so we can shove it inside jQuery UI
var momentLocaleData = moment.localeData(); 

$.datepicker.regional['user'] = {
    monthNames: momentLocaleData._months,
    monthNamesShort: momentLocaleData._monthsShort,
    dayNames: momentLocaleData._weekdays,
    dayNamesShort: momentLocaleData._weekdaysMin,
    dayNamesMin: momentLocaleData._weekdaysMin,
    firstDay: momentLocaleData._week.dow,
    dateFormat: 'yy-mm-dd' //"2016-11-22". date formatting tokens are not easily interchangeable between momentjs and jQuery UI (https://github.com/moment/moment/issues/890)
};

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

    InformationsquelleAutor der Antwort joonas.fi

  7. 2

    nur falls jemand immer NOCH fest auf dieser, trotz der anderen Antworten, ich habe das Problem gelöst mit:

    $.datepicker.setDefaults($.datepicker.regional['en-GB']);

    beachten Sie die zusätzlichen 'GB'. Nach, dass es geklappt hat.

    InformationsquelleAutor der Antwort DevDonkey

  8. 0
    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">

<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script src=">/js/datepicker-fr.js"></script>
<script>
jQuery(function() {
jQuery( "#datepicker" ).datepicker({minDate: 0 , dateFormat: 'mm/dd/yy'});
});

</script>

<script type="text/javascript">
$(document).ready(function(){
$('#datepicker').datepicker($.datepicker.regional['fr']);
});
</script>

    InformationsquelleAutor der Antwort Amusetoi

Schreibe einen Kommentar