Mit Numeral.js Zahlen formatieren

Screenshot der Numeral.js Homepage

Normalerweise ist der Konstrukt ja wie folgt: MySQL->PHP->Form->PHP->MySQL – das ist ganz nett, bietet aber einige Fallstricke. Normalerweise ist es Teil einer Internationalisierung, das man Zahlen im landesüblichen Format ausgibt. Das erhöht die Lesbarkeit und stellt sicher, das man wirklich weiss was man tut. Dummerweise ist es nämlich wirklich so, das ein Komma in dem einen Land (Deutschland) einem Punkt in einem anderen Land (USA) entspricht. Man steht also immer vor den Problem Zahlen vernünftig auszulesen, anzuzeigen und wieder abzuspeichern.

Screenshot der Numeral.js Homepage

Das Doofe ist nun, das sowohl MySQL als auch PHP Zahlen von Hause aus unformatiert ausgeben, man also Aufwand betreiben muss um diese landesüblich zu formatieren. Bei PHP hilft da zumindest der Befehl number_format – zumindest beim Anzeigen, nicht aber beim POST. Man findet sich da ziemlich schnell in einer Situation wieder, in der man eine komplexe Klasse zur Verwaltung/Darstellung von Zahlen schreiben müsste. Das geht (natürlich) auch vollkommen transparent mit JavaScript.

Die Bibliothek Numeral.js schafft es Zahlen im landesüblichen Format darzustellen. Dabei kann es Zahlen nicht nur korrekt darstellen, sondern Zahlen in einem entsprechenden Zahlenformat auch wieder „zurück transformieren“. Man könnte also mit ein wenig Aufwand ein vollkommen internationalisiertes und transparentes JavaScript programmieren, das alle Wünsche erfüllt.

Ähnliche Beiträge

Vereinfachte Formularerstellung mit Patterns Von irgendeinem Punkt an funktionieren Webseiten alle gleich: Slider auf die Startseite, die Usability von Formularen erhöhen und das bloß mit minimal...
Microjs – Micro-Frameworks für Vanilla Javas... Im Bereich der Webentwicklung herrscht derzeit eine "Totschläger-Mentalität" - erster Schritt beim Aufsetzen einer neuen Seite, bzw. des grundlegenden...
jsPDF – PDF-Dateien mit JavaScript erzeugen PDF-Dateien sind aus der modernen Geschäftswelt nicht mehr wegzudenken, was insbesondere bedeutet das man diese in einer Applikation erzeugen muss. PD...
TaffyDB – Datenbank für JavaScript In vielen Fällen läuft es heutzutage so, das Daten in Tabellen zum Beispiel nicht mehr direkt eingesetzt, sondern mittels AJAX nachgeladen werden. Ger...

Ein Kommentar

  • Mach weiter so mit Bloggen. Ich lese deinen Blog regelmäßig und es macht immmer wieder Spass, die kleinen Ansätze und Anregungnen für praktische (Entwickleralltags-)Probleme nachzulesen.

Schreibe einen Kommentar