Wie man Zeiträume in kurzer oder langer Form anzeigt
Verwenden Sie die Stiloption, um zu steuern, ob Zeiträume als Abkürzungen, vollständige Wörter oder kompakte Symbole erscheinen
Einführung
Wenn Sie anzeigen, wie lange etwas dauert, nimmt das Format unterschiedlich viel Platz ein. Eine Trainingsdauer von 1 Stunde und 30 Minuten kann als "1 Stunde und 30 Minuten", "1 Std. und 30 Min." oder "1h 30m" erscheinen, abhängig davon, wie viel Platz Sie haben und wie deutlich Sie sein müssen. Jedes Format tauscht Lesbarkeit gegen horizontalen Platz.
Verschiedene Kontexte erfordern unterschiedliche Formatierungsentscheidungen. Eine Videoplayer-Steuerleiste, die die Dauer anzeigt, profitiert von kompaktem Text wie "1h 30m". Ein Trainingsübersichtsbildschirm, der die Sitzungslänge erklärt, benötigt klaren Text wie "1 Stunde und 30 Minuten". Ein mobiles Dashboard, das mehrere Timer-Werte anzeigt, verwendet die kompakteste Form, um Informationen auf dem Bildschirm unterzubringen.
JavaScripts Intl.DurationFormat bietet die Option style, um diese Auswahl zu steuern. Sie können zwischen langer Anzeige mit ausgeschriebenen Wörtern, kurzer Anzeige mit Standardabkürzungen oder schmaler Anzeige mit der kompaktesten möglichen Darstellung wählen. Diese Option gibt Ihnen präzise Kontrolle darüber, wie Zeiträume für Benutzer erscheinen.
Was die style-Option steuert
Die Option style in Intl.DurationFormat akzeptiert drei Werte für textbasierte Formatierung: "long", "short" und "narrow". Jeder Wert erzeugt einen unterschiedlichen Grad an Ausführlichkeit für die Daueranzeige.
Der Wert long schreibt vollständige Einheitennamen wie "1 Stunde und 30 Minuten" aus. Der Wert short verwendet Standardabkürzungen wie "1 Std. und 30 Min.". Der Wert narrow erzeugt die kompakteste Darstellung wie "1h 30m", oft ohne Leerzeichen und mit minimalen Symbolen.
const duration = { hours: 1, minutes: 30 };
const longFormatter = new Intl.DurationFormat("en-US", {
style: "long"
});
console.log(longFormatter.format(duration));
// Output: "1 hour and 30 minutes"
const shortFormatter = new Intl.DurationFormat("en-US", {
style: "short"
});
console.log(shortFormatter.format(duration));
// Output: "1 hr and 30 min"
const narrowFormatter = new Intl.DurationFormat("en-US", {
style: "narrow"
});
console.log(narrowFormatter.format(duration));
// Output: "1h 30m"
Die Option style ist standardmäßig auf "short" eingestellt, wenn Sie sie weglassen. Das bedeutet, dass die Dauerformatierung Standardabkürzungen verwendet, es sei denn, Sie fordern explizit einen anderen Anzeigestil an.
Formatieren von Zeitdauern im Long-Style
Der Long-Style schreibt vollständige Einheitennamen aus. Dieses Format bietet maximale Klarheit auf Kosten zusätzlichen horizontalen Platzes.
const formatter = new Intl.DurationFormat("en-US", {
style: "long"
});
const duration = { hours: 2, minutes: 30 };
console.log(formatter.format(duration));
// Output: "2 hours and 30 minutes"
Der Formatter behandelt automatisch Singular- und Pluralformen. Eine Stunde verwendet den Singular "hour", während mehrere Stunden den Plural "hours" verwenden. Sie müssen nicht manuell bestimmen, welche Form zu verwenden ist.
const formatter = new Intl.DurationFormat("en-US", {
style: "long"
});
console.log(formatter.format({ hours: 1, minutes: 30 }));
// Output: "1 hour and 30 minutes"
console.log(formatter.format({ hours: 2, minutes: 1 }));
// Output: "2 hours and 1 minute"
Jeder Einheitstyp wird vollständig ausgeschrieben, unabhängig davon, wie viele Einheiten in der Zeitdauer vorkommen.
const formatter = new Intl.DurationFormat("en-US", {
style: "long"
});
console.log(formatter.format({ hours: 2, minutes: 30, seconds: 45 }));
// Output: "2 hours, 30 minutes and 45 seconds"
console.log(formatter.format({ minutes: 5, seconds: 30 }));
// Output: "5 minutes and 30 seconds"
console.log(formatter.format({ hours: 1, minutes: 0, seconds: 15 }));
// Output: "1 hour, 0 minutes and 15 seconds"
Der Formatter fügt passende Konjunktionen zwischen den Einheiten hinzu. Englisch verwendet Kommas und "and", um Einheiten zu trennen. Die Konjunktion erscheint vor der letzten Einheit in der Liste.
Der Long-Style macht Zeitdauern sofort verständlich, ohne dass Benutzer Abkürzungen interpretieren müssen. Benutzer, die mit Zeitabkürzungen nicht vertraut sind, finden ausgeschriebene Einheiten zugänglicher.
Formatieren von Zeitdauern im Short-Style
Der Short-Style verwendet Standardabkürzungen, die die meisten Menschen erkennen. Dieses Format balanciert Lesbarkeit mit Platzeffizienz.
const formatter = new Intl.DurationFormat("en-US", {
style: "short"
});
const duration = { hours: 2, minutes: 30 };
console.log(formatter.format(duration));
// Output: "2 hr and 30 min"
Der Formatter verwendet allgemein bekannte Abkürzungen. Stunden werden zu "hr", Minuten zu "min" und Sekunden zu "sec". Diese Abkürzungen bewahren die Lesbarkeit bei gleichzeitiger Reduzierung der Zeichenanzahl.
const formatter = new Intl.DurationFormat("en-US", {
style: "short"
});
console.log(formatter.format({ hours: 1, minutes: 46, seconds: 40 }));
// Output: "1 hr, 46 min and 40 sec"
console.log(formatter.format({ minutes: 5, seconds: 30 }));
// Output: "5 min and 30 sec"
console.log(formatter.format({ hours: 3, minutes: 15 }));
// Output: "3 hr and 15 min"
Der Short-Style ist das Standardverhalten. Wenn Sie die Option style weglassen, verwendet der Formatter automatisch den Short-Style.
const formatter = new Intl.DurationFormat("en-US");
console.log(formatter.format({ hours: 2, minutes: 30 }));
// Output: "2 hr and 30 min"
Dieser Standard macht den Short-Style praktisch, wenn Sie standardmäßig abgekürzte Zeitdauern wünschen, ohne explizit die Style-Option anzugeben.
Sie können verschiedene Zeitdauertypen mit dem Short-Style formatieren, um die Standardabkürzungen zu sehen.
const formatter = new Intl.DurationFormat("en-US", {
style: "short"
});
console.log(formatter.format({ days: 2, hours: 5 }));
// Output: "2 days and 5 hr"
console.log(formatter.format({ weeks: 1, days: 3 }));
// Output: "1 wk and 3 days"
console.log(formatter.format({ hours: 1, minutes: 30, seconds: 45, milliseconds: 500 }));
// Output: "1 hr, 30 min, 45 sec and 500 ms"
Jeder Einheitstyp verwendet seine Standardabkürzung. Tage bleiben "days", Wochen verwenden "wk" und Millisekunden verwenden "ms". Diese Abkürzungen sind weithin bekannt und funktionieren gut in den meisten Kontexten.
Formatieren von Zeitdauern im schmalen Stil
Der schmale Stil erzeugt die kompakteste mögliche Darstellung. Dieses Format entfernt Leerzeichen und verwendet minimale Symbole, um jeden Buchstaben einzusparen.
const formatter = new Intl.DurationFormat("en-US", {
style: "narrow"
});
const duration = { hours: 2, minutes: 30 };
console.log(formatter.format(duration));
// Output: "2h 30m"
Der Formatierer verwendet einbuchstabige Abkürzungen und minimale Abstände. Stunden werden zu "h", Minuten zu "m" und Sekunden zu "s". Die Ausgabe ist deutlich kompakter als der kurze oder lange Stil.
const formatter = new Intl.DurationFormat("en-US", {
style: "narrow"
});
console.log(formatter.format({ hours: 1, minutes: 46, seconds: 40 }));
// Output: "1h 46m 40s"
console.log(formatter.format({ minutes: 5, seconds: 30 }));
// Output: "5m 30s"
console.log(formatter.format({ hours: 3, minutes: 15 }));
// Output: "3h 15m"
Verschiedene Einheiten erzeugen unterschiedliche schmale Darstellungen basierend auf Standardkonventionen.
const formatter = new Intl.DurationFormat("en-US", {
style: "narrow"
});
console.log(formatter.format({ days: 2, hours: 5 }));
// Output: "2d 5h"
console.log(formatter.format({ weeks: 1, days: 3 }));
// Output: "1w 3d"
console.log(formatter.format({ hours: 1, minutes: 30, seconds: 45, milliseconds: 500 }));
// Output: "1h 30m 45s 500ms"
Der schmale Stil funktioniert am besten, wenn der Platz extrem begrenzt ist und die Benutzer mit dem Kontext der Zeitmessung vertraut sind. Das komprimierte Format setzt voraus, dass Benutzer die Einheiten ohne explizite Trennung oder Erklärung interpretieren können.
Vergleich von langen, kurzen und schmalen Stilen
Die Unterschiede zwischen den drei Stiloptionen werden deutlich, wenn Sie dieselben Zeitdauern mit jeder Option formatieren.
const longFormatter = new Intl.DurationFormat("en-US", {
style: "long"
});
const shortFormatter = new Intl.DurationFormat("en-US", {
style: "short"
});
const narrowFormatter = new Intl.DurationFormat("en-US", {
style: "narrow"
});
const duration = { hours: 1, minutes: 30, seconds: 45 };
console.log("Long: " + longFormatter.format(duration));
console.log("Short: " + shortFormatter.format(duration));
console.log("Narrow: " + narrowFormatter.format(duration));
// Output:
// Long: 1 hour, 30 minutes and 45 seconds
// Short: 1 hr, 30 min and 45 sec
// Long: 1h 30m 45s
Der lange Stil verwendet vollständige Wörter und explizite Konjunktionen. Der kurze Stil verwendet Standardabkürzungen mit Konjunktionen. Der schmale Stil verwendet einzelne Buchstaben mit minimalen Abständen. Diese Progression zeigt den Kompromiss zwischen Klarheit und Platzeffizienz.
Sie können verschiedene Zeitdauern vergleichen, um zu sehen, wie jeder Stil mit verschiedenen Zeitspannen umgeht.
const durations = [
{ hours: 2, minutes: 15 },
{ minutes: 5, seconds: 30 },
{ hours: 1, minutes: 0, seconds: 10 },
{ days: 1, hours: 3, minutes: 45 }
];
durations.forEach(duration => {
const long = new Intl.DurationFormat("en-US", {
style: "long"
}).format(duration);
const short = new Intl.DurationFormat("en-US", {
style: "short"
}).format(duration);
const narrow = new Intl.DurationFormat("en-US", {
style: "narrow"
}).format(duration);
console.log("Duration:");
console.log(" Long: " + long);
console.log(" Short: " + short);
console.log(" Narrow: " + narrow);
console.log("");
});
// Output:
// Duration:
// Long: 2 hours and 15 minutes
// Short: 2 hr and 15 min
// Narrow: 2h 15m
//
// Duration:
// Long: 5 minutes and 30 seconds
// Short: 5 min and 30 sec
// Narrow: 5m 30s
//
// Duration:
// Long: 1 hour, 0 minutes and 10 seconds
// Short: 1 hr, 0 min and 10 sec
// Narrow: 1h 0m 10s
//
// Duration:
// Long: 1 day, 3 hours and 45 minutes
// Short: 1 day, 3 hr and 45 min
// Narrow: 1d 3h 45m
Der Unterschied in der Zeichenanzahl wird bei mehreren Zeitdauern signifikant. In einer Tabelle oder Liste, die viele Zeitdauern anzeigt, spart der schmale Stil im Vergleich zum langen Stil erheblichen horizontalen Platz.
Wie sich Dauerformatierungsstile in verschiedenen Sprachen unterscheiden
Alle drei Stiloptionen passen sich der von Ihnen angegebenen Locale an. Verschiedene Sprachen verwenden unterschiedliche Abkürzungen, Einheitennamen, Konjunktionen und Konventionen für Leerzeichen.
const locales = ["en-US", "de-DE", "fr-FR", "ja-JP"];
const duration = { hours: 2, minutes: 30 };
locales.forEach(locale => {
const longFormatter = new Intl.DurationFormat(locale, {
style: "long"
});
const shortFormatter = new Intl.DurationFormat(locale, {
style: "short"
});
console.log(locale + ":");
console.log(" Long: " + longFormatter.format(duration));
console.log(" Short: " + shortFormatter.format(duration));
});
// Output:
// en-US:
// Long: 2 hours and 30 minutes
// Short: 2 hr and 30 min
// de-DE:
// Long: 2 Stunden und 30 Minuten
// Short: 2 Std. und 30 Min.
// fr-FR:
// Long: 2 heures et 30 minutes
// Short: 2 h et 30 min
// ja-JP:
// Long: 2時間30分
// Short: 2 時間 30 分
Der lange Stil variiert erheblich zwischen den Locales, da jede Sprache eigene Wörter für Zeiteinheiten hat. Deutsch verwendet "Stunden" für Stunden, Französisch verwendet "heures" und Japanisch verwendet "時間". Der Formatierer behandelt grammatikalische Variationen automatisch.
Der kurze Stil passt sich ebenfalls an die Konventionen der Locale an. Deutsch verwendet "Std." für Stunden, Französisch verwendet "h" und Japanisch fügt Leerzeichen zwischen Zahlen und Einheitszeichen ein. Diese lokalspezifischen Abkürzungen spiegeln wider, wie jede Kultur Zeitdauern in abgekürzter Form schreibt.
Der Formatierer behandelt Konjunktionen gemäß den Sprachregeln. Englisch verwendet "and", Deutsch verwendet "und", Französisch verwendet "et" und Japanisch lässt Konjunktionen ganz weg. Jede Locale erzeugt natürlich aussehende Ausgaben für ihre Sprache.
const locales = ["en-US", "es-ES", "pt-BR"];
const duration = { hours: 1, minutes: 30, seconds: 45 };
locales.forEach(locale => {
const narrowFormatter = new Intl.DurationFormat(locale, {
style: "narrow"
});
console.log(locale + ": " + narrowFormatter.format(duration));
});
// Output:
// en-US: 1h 30m 45s
// es-ES: 1h 30min 45s
// pt-BR: 1h 30min 45s
Der schmale Stil zeigt einige Variationen zwischen den Locales. Englisch verwendet einzelne Buchstaben wie "h", "m" und "s". Spanisch und Portugiesisch verwenden "min" anstelle von nur "m" für Minuten. Diese Unterschiede spiegeln lokalspezifische Konventionen für kompakte Zeitnotation wider.
Wann der lange Stil verwendet werden sollte
Der lange Stil funktioniert am besten, wenn Klarheit und Zugänglichkeit wichtiger sind als Platzeffizienz. Diese Wahl macht Zeitdauern sofort verständlich, ohne dass eine Interpretation erforderlich ist.
Zugänglichkeitsorientierte Benutzeroberflächen profitieren vom langen Stil, da Screenreader ausgeschriebene Wörter natürlicher aussprechen. Ein Screenreader, der "2 Stunden und 30 Minuten" ankündigt, klingt natürlicher als "2 Std. und 30 Min.", was möglicherweise umständlich gelesen wird oder spezielle Ausspracheregeln erfordert.
Bildungsinhalte profitieren vom langen Stil, da Lernende möglicherweise nicht mit Zeitabkürzungen vertraut sind. Lehrmaterialien, die Zeitdauern erklären, sollten Einheiten ausschreiben, um Verwirrung zu vermeiden.
Trainingszusammenfassungen und Sitzungsberichte verwenden den langen Stil, um einen klaren, professionellen Ton beizubehalten. Eine Fitness-App, die die abgeschlossene Trainingsdauer anzeigt, liest sich besser mit "1 Stunde und 15 Minuten" als mit "1h 15m".
Formelle Berichte und Dokumentationen verwenden den langen Stil, um einheitliche Schreibstandards einzuhalten. Geschäftsberichte, medizinische Aufzeichnungen und offizielle Dokumente schreiben Zeitdauern typischerweise aus, anstatt sie abzukürzen.
Internationale Zielgruppen profitieren vom langen Stil, wenn Benutzer möglicherweise die Sprache lernen. Ausgeschriebene Einheitennamen wie "Stunden" und "Minuten" sind für Nicht-Muttersprachler leichter zu verstehen als Abkürzungen.
function formatWorkoutSummary(duration, locale) {
const formatter = new Intl.DurationFormat(locale, {
style: "long"
});
return formatter.format(duration);
}
const workout = { hours: 1, minutes: 15 };
console.log("Workout duration: " + formatWorkoutSummary(workout, "en-US"));
// Output: "Workout duration: 1 hour and 15 minutes"
Der lange Stil priorisiert Verständnis über Kürze. Verwenden Sie ihn, wann immer Benutzer die Dauer ohne Mehrdeutigkeit oder Interpretationsaufwand erfassen müssen.
Wann der kurze Stil verwendet werden sollte
Der kurze Stil funktioniert am besten in Kontexten, in denen Platz wichtig ist, aber Abkürzungen allgemein verstanden werden. Dies ist die häufigste Wahl für Anwendungen mit allgemeinem Zweck.
Mobile Benutzeroberflächen profitieren vom kurzen Stil, da die Bildschirmbreite begrenzt ist. Dashboard-Karten, die mehrere Timer anzeigen, benötigen kompakte Zeitangaben, um Informationen auf dem Bildschirm unterzubringen. Die Verwendung von "2 Std. und 30 Min." anstelle von "2 Stunden und 30 Minuten" spart 11 Zeichen pro Zeitangabe, was sich bei mehreren Werten summiert.
Videoplayersteuerungen verwenden den kurzen Stil, um die Dauer anzuzeigen, ohne die Benutzeroberfläche zu überladen. Die Anzeige von "1 Std. und 46 Min." in der Steuerungsleiste ist kompakter als "1 Stunde und 46 Minuten" und bleibt dennoch klar verständlich.
Datentabellen, die Zeiträume in Spalten anzeigen, benötigen eine einheitliche Breite. Kurze Abkürzungen wie "Std.", "Min." und "Sek." halten die Spaltenbreiten überschaubar. Lange Einheiten wie "Stunden", "Minuten" und "Sekunden" verbreitern die Spalten unnötigerweise.
Timer-Anwendungen verwenden den kurzen Stil, da Benutzer, die Timer überprüfen, mit Zeitabkürzungen vertraut sind. Ein Countdown-Timer, der "5 Min. und 30 Sek." anzeigt, balanciert Klarheit mit effizienter Nutzung des Anzeigeplatzes.
Flugbuchungsschnittstellen verwenden den kurzen Stil, um die Reisedauer anzuzeigen. Die Anzeige von "8 Std. und 15 Min." in einem Flugsuchergebnis ist klarer als "8h 15m", aber kompakter als "8 Stunden und 15 Minuten".
function formatFlightDuration(duration, locale) {
const formatter = new Intl.DurationFormat(locale, {
style: "short"
});
return formatter.format(duration);
}
const flight = { hours: 8, minutes: 15 };
console.log(formatFlightDuration(flight, "en-US"));
// Output: "8 hr and 15 min"
Der kurze Stil schafft ein Gleichgewicht zwischen Klarheit und Effizienz. Die meisten Benutzer erkennen Standardabkürzungen wie Std., Min. und Sek. ohne Verwirrung.
Wann der schmale Stil verwendet werden sollte
Der schmale Stil funktioniert am besten in extrem platzbeschränkten Kontexten, in denen jedes Zeichen wichtig ist und Benutzer mit der Zeitnotation sehr vertraut sind.
Kompakte Widgets, die einzelne Metriken anzeigen, können den schmalen Stil verwenden, wenn die Anzeigegröße minimal ist. Ein Timer-Widget, das "5m 30s" in großem Text anzeigt, passt besser als "5 Minuten und 30 Sekunden".
Datenvisualisierungen mit dichten Informationen profitieren vom schmalen Stil. Diagrammbeschriftungen, Graphenanmerkungen und Datenüberlagerungen benötigen minimalen Text, um den zugrunde liegenden visuellen Inhalt nicht zu verdecken. Die Verwendung von "2h 30m" anstelle von "2 Std. und 30 Min." spart Zeichen und bleibt für Benutzer, die den Kontext verstehen, lesbar.
Mobile Startbildschirm-Widgets mit begrenztem Platz verwenden den schmalen Stil, um die Informationsdichte zu maximieren. Ein Workout-Tracking-Widget, das mehrere kürzliche Sitzungen in einer kleinen Kachel anzeigt, profitiert von kompakter Dauernotation.
Smartwatch-Schnittstellen verwenden den schmalen Stil, da der Bildschirmplatz extrem begrenzt ist. Die Anzeige von "1h 15m" auf einem kleinen kreisförmigen Bildschirm funktioniert besser als längere Formate.
Listenansichten, die viele Elemente mit Zeitdauern anzeigen, können den schmalen Stil verwenden, um jede Zeile kompakt zu halten. Eine Musikwiedergabeliste mit Titelzeiten, eine Videoliste mit Laufzeiten oder eine Übungsliste mit Dauer pro Übung profitieren alle von minimaler Formatierung.
function formatVideoPlaylist(videos, locale) {
const formatter = new Intl.DurationFormat(locale, {
style: "narrow"
});
return videos.map(video => ({
title: video.title,
duration: formatter.format(video.duration)
}));
}
const playlist = [
{ title: "Introduction", duration: { minutes: 2, seconds: 30 } },
{ title: "Getting Started", duration: { minutes: 5, seconds: 15 } },
{ title: "Advanced Topics", duration: { hours: 1, minutes: 10 } }
];
console.log(formatVideoPlaylist(playlist, "en-US"));
// Output:
// [
// { title: "Introduction", duration: "2m 30s" },
// { title: "Getting Started", duration: "5m 15s" },
// { title: "Advanced Topics", duration: "1h 10m" }
// ]
Der schmale Stil setzt voraus, dass Benutzer mit der Zeitnotation vertraut sind und Einheiten ohne Hilfe interpretieren können. Diese Option tauscht Klarheit gegen maximale Platzeffizienz.
Kombinieren Sie Stil mit anderen Formatierungsoptionen
Die Option style funktioniert mit allen anderen Optionen zur Dauerformatierung. Sie können steuern, welche Einheiten angezeigt werden, während Sie den Anzeigestil wählen.
const formatter = new Intl.DurationFormat("en-US", {
style: "long",
hours: "numeric",
minutes: "2-digit",
seconds: "2-digit"
});
console.log(formatter.format({ hours: 1, minutes: 5, seconds: 3 }));
// Output: "1:05:03"
Diese Kombination zeigt Stunden im langen Stil an, verwendet aber numerische Formatierung mit Nullauffüllung für Minuten und Sekunden. Das Ergebnis ist ein Hybridformat, das Text und Zahlen mischt.
Sie können nur bestimmte Einheiten formatieren und dabei einen einheitlichen Stil verwenden.
const formatter = new Intl.DurationFormat("en-US", {
style: "short",
hours: "numeric",
minutes: "numeric"
});
console.log(formatter.format({ hours: 2, minutes: 30, seconds: 45 }));
// Output: "2 hr and 30 min"
Der Formatierer zeigt nur Stunden und Minuten an, obwohl das Dauer-Objekt auch Sekunden enthält. Dies gibt Ihnen die Kontrolle darüber, welche Einheiten in der Ausgabe erscheinen.
Sie können benutzerdefinierte Formate erstellen, indem Sie verschiedene Einheitenstile mischen.
const formatter = new Intl.DurationFormat("en-US", {
hours: "long",
minutes: "short",
seconds: "narrow"
});
console.log(formatter.format({ hours: 1, minutes: 30, seconds: 45 }));
// Output: "1 hour, 30 min, 45s"
Dies erzeugt ein gemischtes Format, bei dem jede Einheit einen unterschiedlichen Ausführlichkeitsgrad verwendet. Obwohl ungewöhnlich, ermöglicht diese Flexibilität bei Bedarf die Erstellung spezialisierter Formate.
Was zu beachten ist
Die Option style steuert, wie Zeitdauern bei der Formatierung mit Intl.DurationFormat erscheinen. Setzen Sie sie auf "long" für ausgeschriebene Einheiten wie "2 Stunden und 30 Minuten", "short" für Standardabkürzungen wie "2 Std. und 30 Min." oder "narrow" für kompakte Formen wie "2h 30m". Die Option ist standardmäßig auf "short" gesetzt, wenn sie weggelassen wird.
Verwenden Sie den langen Stil, wenn Klarheit und Zugänglichkeit wichtiger sind als Platz, oder wenn Benutzer möglicherweise mit Zeitabkürzungen nicht vertraut sind. Verwenden Sie den kurzen Stil für allgemeine Anwendungen, bei denen Platz wichtig ist und Benutzer Standardabkürzungen verstehen. Verwenden Sie den schmalen Stil nur in extrem platzbeschränkten Kontexten, in denen Benutzer mit der Zeitnotation sehr vertraut sind.
Der Formatierer behandelt automatisch lokale Variationen, einschließlich verschiedener Einheitennamen, Abkürzungen, Konjunktionen, Abstandskonventionen und Pluralformen. Kombinieren Sie style mit anderen Formatierungsoptionen, um zu steuern, welche Einheiten erscheinen und wie sie angezeigt werden.