Mit Numeral.js Zahlen formatieren

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

Boxjs – Script Loading mittels CDN Es gibt inzwischen einige Skripte die sich mit nichts anderem beschäftigen, als die eigentlichen Skripte, die man auf der Webseite benötigt, nachzulad...
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...
Plugins für jQuery Ich sehe und übernehme einiges an Seiten und muss leider sagen, dass scheinbar bei Javascript-Programmierung vor Beginn der Arbeiten das Hirn einmal r...
HTML5 Audio mit Buzz HTML5 Audio ist ein nerviges kleines Biest! Das liegt nicht an der Umsetzung, sondern daran das jeder Browser sein eigenes Süppchen hinsichtlich Codec...

Eine Antwort auf „Mit Numeral.js Zahlen formatieren“

  1. 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

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.