2016-03-03 5 views
5

Ich benutze einen Bootstrap Datepicker available here und alles funktioniert gut. Ich möchte jedoch den Kalender in der bevorzugten Sprache eines Benutzers lokalisieren. Ich habe folgendes festgelegt, wenn ich die Datepicker initialisieren:Bootstrap Datepicker Locale mit MomentJS

locale: 'fr' 

Allerdings bekomme ich eine Konsole Fehler, der lautet:

Uncaught TypeError: locale() locale fr is not loaded from moment locales!

Ich schließe MomentJS in meinem Projekt:

<script src="/vendors/moment/min/moment.min.js"></script> 

Dies ist meine erste Implementierung, also habe ich das Gefühl, etwas Einfaches zu vermissen, aber ich kann es einfach nicht herausfinden.

Antwort

5

Wie die Fehlermeldung sagt, müssen Sie nur das gewünschte Gebietsschema einfügen, um Ihr Problem zu lösen.

<script src="/vendors/moment/locale/fr.js"></script> 

nach moment Import: Wenn Sie nur fr locale benötigen, können Sie so etwas wie dieses hinzufügen.

EDIT:

Wenn Sie mehrere Ländereinstellungen benötigen, können Sie locales.js statt fr.js importieren. Darüber hinaus bietet Moments eine einzige Datei, moment-with-locales.min.js, mit Momentenbibliothek + alle unterstützten Locales.

Wenn Sie möchten, locale dynamisch gesetzt für Sie Picker, Sie locale Funktion verwenden können:

// Example with german locale 
var localeString = 'de'; 
$('#your-picker-id').data("DateTimePicker").locale(localeString); 
+0

Danke für die h elp! Das hat den Fehler behoben, aber jetzt ist der Datepicker auf Französisch, unabhängig davon, ob ich das Gebietsschema spezifiziere oder nicht. Ich werde es weiter versuchen! – Jason

+0

Das funktioniert perfekt - danke für die Hilfe! Ich schätze das wirklich! – Jason

7

ersetzen
/moment/min/moment.min.js 

von

/moment/min/moment-with-locales.js 

und es wird funktionieren