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

Enquire.js – Media Query Callbacks in JavaScript Media-Queries sind eine richtig schicke Angelegenheit, ohne die ein Responsive Design nicht möglich wäre. Ganz einfach ausgedrückt läuft die Sache so:...
html2canvas – Screenshots mit JavaScript Wenn man mal überlegt, womit sich man sich als Blogger so seine Zeit vertreibt, wird man auf eins sehr schnell kommen: Screenshots. Die kleinen Bieste...
JavaScript für Superheros JavaScript macht seit einigen Monaten eine ganz erhebliche Wandlung durch. Während bei den Frontend-Entwicklern immer mehr Funktionalität / Logik in J...
Bei der Navigation mit der Tastatur arbeiten In letzter Zeit hat sich das Web durch Online-Anwendungen auf die Fahne geschrieben, Desktop-Anwendungen ablösen zu wollen bzw. zu ersetzen. Die Ansät...

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