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

Tutorial zur Passwortstärke mit jQuery Der Fall YouPorn hat eindrucksvoll bewiesen, wie simpel Passwörter sind. An der Uni habe ich in einem Kurs echt wilde Dinge gelernt um Systeme zu bela...
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:...
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...
Adobe Brackets – Code Editor für HTML, CSS &... Nach gefühlten 25 Jahren, dem Plattmachen von Homesite und einigen Versuchen Dreamweaver irgend etwas sinnvolles abzugewinnen glaubt jetzt wohl schein...

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.