Globalize

Diese Komponente integriert globalizejs und initialisiert das Plugin mit den benötigten Daten.

Konfiguration

Die Komponente lässt sich über folgende Konfiguration in die Console einbinden.

"module": [
    {
        "component": "Alvine.Package.i18n.Globalize",
        "location": "/alvine/package/i18n/globalize.html"
    }, ...

Verwendung

Das zentral Alvine.Package.i18n.Globalize Objekt kann direkt angesprochen werden. Es wird beim Laden des Moduls mit der Lokalen der Konsole initialisiert.

Wichtig

Bei der Verwendung in einer Schleife, sollte aus Performancegründen der Formatter immer vor der Schleife geholt und in der Schleife verwendet werden.

Datum

Alvine.Package.i18n.Globalize.dateFormatter()( new Date() )
// > "11/30/2010"

Alvine.Package.i18n.Globalize.dateFormatter({ skeleton: "GyMMMd" })( new Date() )
// > "Nov 30, 2010 AD"

Alvine.Package.i18n.Globalize.dateFormatter({ date: "medium" })( new Date() )
// > "Nov 1, 2010"

Alvine.Package.i18n.Globalize.dateFormatter({ time: "medium" })( new Date() )
// > "5:55:00 PM"

Alvine.Package.i18n.Globalize.dateFormatter({ datetime: "medium" })( new Date() )
// > "Nov 1, 2010, 5:55:00 PM"

Relative Zeit

Alvine.Package.i18n.Globalize.relativeTimeFormatter( "day" )( 1 )
// > "tomorrow"

Alvine.Package.i18n.Globalize.relativeTimeFormatter( "month" )( -1 )
// > "last month"

Alvine.Package.i18n.Globalize.relativeTimeFormatter( "month" )( 3 )
// > "in 3 months"

Einheiten

Alvine.Package.i18n.Globalize.unitFormatter( "second" )( 10 )
// > "10 seconds"

Alvine.Package.i18n.Globalize.unitFormatter( "second", { form: "short" } )( 10 )
// > "10 secs"

Alvine.Package.i18n.Globalize.unitFormatter( "second", { form: "narrow" } )( 10 )
// > "10s"

Währungen

Alvine.Package.i18n.Globalize.currencyFormatter( "USD" )( 1 )
// > "$1.00"

Alvine.Package.i18n.Globalize.currencyFormatter( "USD", { style: "accounting" })( -1 )
// > "($1.00)"

Alvine.Package.i18n.Globalize.currencyFormatter( "USD", { style: "name" })( 69900 )
// > "69,900.00 US dollars"

Alvine.Package.i18n.Globalize.currencyFormatter( "USD", { style: "code" })( 69900 )
// > "69,900.00 USD"

Alvine.Package.i18n.Globalize.currencyFormatter( "USD", { round: "ceil" })( 1.491 )
// > "$1.50"

Referenzen

Kommentare