كيفية عرض المدد الزمنية بشكل مختصر أو مطول

مقدمة

عند عرض المدة الزمنية التي يستغرقها شيء ما، فإن التنسيق يشغل مساحات مختلفة. يمكن أن تظهر مدة تمرين تبلغ ساعة و30 دقيقة على شكل "ساعة و30 دقيقة"، أو "1 س و30 د"، أو "1س 30د" اعتمادًا على المساحة المتاحة ومدى الوضوح المطلوب. كل تنسيق يوازن بين سهولة القراءة والمساحة الأفقية.

تتطلب السياقات المختلفة خيارات تنسيق مختلفة. يستفيد شريط التحكم في مشغل الفيديو الذي يعرض المدة من نص مختصر مثل "1س 30د". أما شاشة ملخص التمرين التي تشرح مدة الجلسة فتحتاج إلى نص واضح مثل "ساعة و30 دقيقة". تستخدم لوحة معلومات الجوال التي تعرض قيم متعددة للمؤقت الشكل الأكثر اختصارًا لتناسب المعلومات على الشاشة.

توفر واجهة Intl.DurationFormat في جافا سكريبت خيار style للتحكم في هذا الاختيار. يمكنك الاختيار بين العرض الطويل بكلمات كاملة، أو العرض القصير باختصارات قياسية، أو العرض الضيق بأكثر تمثيل مختصر ممكن. يمنحك هذا الخيار تحكمًا دقيقًا في كيفية ظهور المدد الزمنية للمستخدمين.

ما الذي يتحكم فيه خيار style

يقبل خيار style في Intl.DurationFormat ثلاث قيم للتنسيق النصي: "long" و"short" و"narrow". تنتج كل قيمة مستوى مختلفًا من الإطناب في إخراج المدة الزمنية.

تقوم القيمة الطويلة بتهجئة أسماء الوحدات الكاملة مثل "ساعة و30 دقيقة". تستخدم القيمة القصيرة اختصارات قياسية مثل "1 س و30 د". تنتج القيمة الضيقة التمثيل الأكثر اختصارًا مثل "1س 30د"، وغالبًا ما تزيل المسافات وتستخدم رموزًا مختصرة.

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"

تكون القيمة الافتراضية لخيار style هي "short" إذا أغفلته. هذا يعني أن تنسيق المدة يستخدم اختصارات قياسية ما لم تطلب صراحةً نمط عرض مختلف.

تنسيق المدد الزمنية بالأسلوب الطويل

الأسلوب الطويل يكتب أسماء الوحدات كاملة. يوفر هذا التنسيق أقصى درجات الوضوح على حساب المساحة الأفقية الإضافية.

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"

يتعامل المنسق تلقائيًا مع صيغ المفرد والجمع. تستخدم الساعة الواحدة صيغة المفرد "hour" بينما تستخدم الساعات المتعددة صيغة الجمع "hours". لا تحتاج إلى تحديد الصيغة المناسبة يدويًا.

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"

يتم كتابة كل نوع من الوحدات بالكامل بغض النظر عن عدد الوحدات التي تظهر في المدة الزمنية.

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"

يضيف المنسق أدوات الربط المناسبة بين الوحدات. تستخدم اللغة الإنجليزية الفواصل و"and" لفصل الوحدات. تظهر أداة الربط قبل الوحدة الأخيرة في القائمة.

يجعل الأسلوب الطويل المدد الزمنية واضحة فورًا دون الحاجة إلى تفسير الاختصارات. يجد المستخدمون غير المألوفين باختصارات الوقت الوحدات المكتوبة بالكامل أكثر سهولة في الفهم.

تنسيق المدد الزمنية بالأسلوب القصير

يستخدم الأسلوب القصير اختصارات قياسية يعرفها معظم الناس. يوازن هذا التنسيق بين سهولة القراءة وكفاءة المساحة.

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"

يستخدم المنسق اختصارات معروفة بشكل شائع. تصبح الساعات "hr"، والدقائق تصبح "min"، والثواني تصبح "sec". تحافظ هذه الاختصارات على سهولة القراءة مع تقليل عدد الأحرف.

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"

الأسلوب القصير هو السلوك الافتراضي. إذا حذفت خيار style، يستخدم المنسق الأسلوب القصير تلقائيًا.

const formatter = new Intl.DurationFormat("en-US");

console.log(formatter.format({ hours: 2, minutes: 30 }));
// Output: "2 hr and 30 min"

هذا الإعداد الافتراضي يجعل الأسلوب القصير مناسبًا عندما تريد مدد زمنية مختصرة قياسية دون تحديد خيار الأسلوب بشكل صريح.

يمكنك تنسيق أنواع مختلفة من المدد الزمنية بالأسلوب القصير لرؤية الاختصارات القياسية.

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"

يستخدم كل نوع من الوحدات اختصاره القياسي. تبقى الأيام "days"، وتستخدم الأسابيع "wk"، وتستخدم الميلي ثانية "ms". هذه الاختصارات معروفة على نطاق واسع وتعمل بشكل جيد في معظم السياقات.

تنسيق المدد الزمنية بالنمط الضيق

ينتج النمط الضيق أكثر تمثيل مضغوط ممكن. يزيل هذا التنسيق المسافات ويستخدم الرموز الأدنى لتوفير كل حرف.

const formatter = new Intl.DurationFormat("en-US", {
  style: "narrow"
});

const duration = { hours: 2, minutes: 30 };

console.log(formatter.format(duration));
// Output: "2h 30m"

يستخدم المنسق اختصارات بحرف واحد ومسافات دنيا. تصبح الساعات "h"، والدقائق "m"، والثواني "s". النتيجة أكثر إيجازًا بشكل ملحوظ من النمط القصير أو الطويل.

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"

تنتج الوحدات المختلفة تمثيلات ضيقة مختلفة بناءً على الاتفاقيات القياسية.

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"

يعمل النمط الضيق بشكل أفضل عندما تكون المساحة محدودة للغاية ويكون المستخدمون على دراية بسياق قياس الوقت. يفترض التنسيق المضغوط أن المستخدمين يمكنهم تفسير الوحدات دون فصل أو شرح صريح.

مقارنة الأنماط الطويلة والقصيرة والضيقة

تتضح الاختلافات بين خيارات النمط الثلاثة عند تنسيق نفس المدد الزمنية بكل خيار.

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

يستخدم النمط الطويل كلمات كاملة وروابط صريحة. يستخدم النمط القصير اختصارات قياسية مع روابط. يستخدم النمط الضيق أحرفًا مفردة مع مسافات دنيا. يوضح هذا التدرج المفاضلة بين الوضوح وكفاءة المساحة.

يمكنك مقارنة مدد زمنية مختلفة لمعرفة كيفية تعامل كل نمط مع فترات زمنية متنوعة.

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

يصبح الفرق في عدد الأحرف كبيرًا عبر مدد متعددة. في جدول أو قائمة تعرض العديد من المدد الزمنية، يوفر النمط الضيق مساحة أفقية كبيرة مقارنة بالنمط الطويل.

كيف تختلف أنماط المدة عبر اللغات

تتكيف خيارات الأنماط الثلاثة مع اللغة المحلية التي تحددها. تستخدم اللغات المختلفة اختصارات مختلفة، وأسماء وحدات، وحروف عطف، واصطلاحات تباعد مختلفة.

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 分

يختلف النمط الطويل بشكل كبير عبر اللغات المحلية لأن كل لغة لديها كلماتها الخاصة لوحدات الوقت. تستخدم الألمانية "Stunden" للساعات، والفرنسية تستخدم "heures"، واليابانية تستخدم "時間". يتعامل المنسق مع الاختلافات النحوية تلقائيًا.

يتكيف النمط القصير أيضًا مع اصطلاحات اللغة المحلية. تستخدم الألمانية "Std." للساعات، والفرنسية تستخدم "h"، واليابانية تضيف مسافات بين الأرقام وحروف الوحدة. تعكس هذه الاختصارات الخاصة باللغة المحلية كيفية كتابة كل ثقافة للمدد في شكل مختصر.

يتعامل المنسق مع حروف العطف وفقًا لقواعد اللغة. تستخدم الإنجليزية "and"، والألمانية تستخدم "und"، والفرنسية تستخدم "et"، واليابانية تحذف حروف العطف تمامًا. تنتج كل لغة محلية مخرجات تبدو طبيعية للغتها.

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

يُظهر النمط الضيق بعض الاختلافات عبر اللغات المحلية. تستخدم الإنجليزية أحرفًا مفردة مثل "h" و"m" و"s". تستخدم الإسبانية والبرتغالية "min" بدلاً من مجرد "m" للدقائق. تعكس هذه الاختلافات الاصطلاحات الخاصة باللغة المحلية لتدوين الوقت بشكل مختصر.

متى تستخدم النمط الطويل

يعمل النمط الطويل بشكل أفضل عندما تكون الوضوح وإمكانية الوصول أكثر أهمية من كفاءة المساحة. هذا الاختيار يجعل المدد الزمنية مفهومة فوراً دون الحاجة إلى تفسير.

تستفيد واجهات التركيز على إمكانية الوصول من النمط الطويل لأن قارئات الشاشة تنطق الكلمات المكتوبة بالكامل بشكل أكثر طبيعية. قارئ الشاشة الذي يعلن "ساعتان و30 دقيقة" يبدو أكثر طبيعية من "2 س و30 د"، والتي قد تُقرأ بشكل غير مريح أو تتطلب قواعد نطق خاصة.

يستفيد المحتوى التعليمي من النمط الطويل لأن المتعلمين قد لا يكونون على دراية باختصارات الوقت. يجب أن تكتب المواد التعليمية التي تشرح المدد الزمنية الوحدات بالكامل لتجنب الالتباس.

تستخدم ملخصات التمارين وتقارير الجلسات النمط الطويل للحفاظ على نبرة واضحة ومهنية. تطبيق اللياقة البدنية الذي يعرض مدة التمرين المكتملة يبدو أفضل مع "ساعة و15 دقيقة" بدلاً من "1س 15د".

تستخدم التقارير الرسمية والوثائق النمط الطويل للحفاظ على معايير كتابة متسقة. تقارير الأعمال والسجلات الطبية والوثائق الرسمية عادة ما تكتب المدد الزمنية بالكامل بدلاً من اختصارها.

تستفيد الجماهير الدولية من النمط الطويل عندما يكون المستخدمون يتعلمون اللغة. أسماء الوحدات المكتوبة بالكامل مثل "ساعات" و"دقائق" أسهل في الفهم من الاختصارات لغير الناطقين باللغة الأصلية.

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"

النمط الطويل يعطي الأولوية للفهم على الإيجاز. استخدمه كلما احتاج المستخدمون إلى فهم المدة الزمنية دون أي غموض أو جهد تفسيري.

متى تستخدم النمط القصير

يعمل النمط القصير بشكل أفضل في السياقات التي تهم فيها المساحة ولكن الاختصارات مفهومة على نطاق واسع. هذا هو الخيار الأكثر شيوعًا للتطبيقات ذات الأغراض العامة.

تستفيد واجهات الهاتف المحمول من النمط القصير لأن عرض الشاشة محدود. تحتاج بطاقات لوحة المعلومات التي تعرض مؤقتات متعددة إلى مدد زمنية مضغوطة لتناسب المعلومات على الشاشة. استخدام "2 س و 30 د" بدلاً من "ساعتان و 30 دقيقة" يوفر 11 حرفًا لكل مدة، مما يضيف قيمة عبر قيم متعددة.

تستخدم عناصر التحكم في مشغل الفيديو النمط القصير لإظهار المدة دون إرباك الواجهة. عرض "1 س و 46 د" في شريط التحكم أكثر إيجازًا من "ساعة واحدة و 46 دقيقة" مع الحفاظ على الوضوح.

تحتاج جداول البيانات التي تعرض المدد الزمنية في أعمدة إلى عرض متسق. تحافظ الاختصارات القصيرة مثل "س" و "د" و "ث" على عرض الأعمدة قابلاً للإدارة. الوحدات الطويلة مثل "ساعات" و "دقائق" و "ثوانٍ" توسع الأعمدة بشكل غير ضروري.

تستخدم تطبيقات المؤقت النمط القصير لأن المستخدمين الذين يتحققون من المؤقتات على دراية باختصارات الوقت. يوازن مؤقت العد التنازلي الذي يعرض "5 د و 30 ث" بين الوضوح والاستخدام الفعال لمساحة العرض.

تستخدم واجهات حجز الرحلات الجوية النمط القصير لإظهار مدة السفر. عرض "8 س و 15 د" في نتيجة البحث عن رحلة جوية أوضح من "8س 15د" ولكنه أكثر إيجازًا من "8 ساعات و 15 دقيقة".

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"

يحقق النمط القصير توازنًا بين الوضوح والكفاءة. يتعرف معظم المستخدمين على الاختصارات القياسية مثل س، د، ث دون ارتباك.

متى يستخدم النمط الضيق

يعمل النمط الضيق بشكل أفضل في السياقات شديدة المحدودية من حيث المساحة حيث تهم كل حرف ويكون المستخدمون على دراية عالية بتدوين الوقت.

يمكن للأدوات المضغوطة التي تعرض مقاييس فردية استخدام النمط الضيق عندما يكون حجم العرض في حده الأدنى. أداة المؤقت التي تعرض "5د 30ث" بنص كبير تناسب المساحة بشكل أفضل من "5 دقائق و30 ثانية".

تستفيد تصورات البيانات ذات المعلومات الكثيفة من النمط الضيق. تحتاج تسميات المخططات وتعليقات الرسوم البيانية وتراكبات البيانات إلى نص بالحد الأدنى لتجنب حجب المحتوى المرئي الأساسي. استخدام "2س 30د" بدلاً من "2 ساعة و30 دقيقة" يوفر الأحرف مع الحفاظ على قابلية القراءة للمستخدمين الذين يفهمون السياق.

تستخدم أدوات الشاشة الرئيسية للجوال ذات المساحة المحدودة النمط الضيق لزيادة كثافة المعلومات. تستفيد أداة تتبع التمارين التي تعرض جلسات متعددة حديثة في مساحة صغيرة من تدوين المدة المضغوط.

تستخدم واجهات الساعات الذكية النمط الضيق لأن مساحة الشاشة محدودة للغاية. عرض "1س 15د" على شاشة دائرية صغيرة يعمل بشكل أفضل من التنسيقات الأطول.

يمكن لعروض القوائم التي تعرض العديد من العناصر مع المدد استخدام النمط الضيق للحفاظ على كل صف مضغوطًا. تستفيد قائمة تشغيل الموسيقى التي تعرض مدة المقطوعات، وقائمة الفيديو التي تعرض وقت التشغيل، أو قائمة التمارين التي تعرض مدة كل تمرين من التنسيق الأدنى.

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" }
// ]

يفترض النمط الضيق أن المستخدمين على دراية بتدوين الوقت ويمكنهم تفسير الوحدات دون مساعدة. يقايض هذا الخيار الوضوح بأقصى كفاءة في المساحة.

دمج النمط مع خيارات التنسيق الأخرى

يعمل خيار style مع جميع خيارات تنسيق المدة الأخرى. يمكنك التحكم في الوحدات التي تظهر مع اختيار نمط العرض.

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"

يُظهر هذا التركيب الساعات بالنمط الطويل ولكنه يستخدم التنسيق الرقمي مع تعبئة الأصفار للدقائق والثواني. النتيجة هي تنسيق هجين يجمع بين النص والأرقام.

يمكنك تنسيق وحدات محددة فقط مع استخدام نمط متسق.

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"

يُظهر المنسق الساعات والدقائق فقط على الرغم من أن كائن المدة يتضمن ثوانٍ. هذا يمنحك التحكم في الوحدات التي تظهر في المخرجات.

يمكنك إنشاء تنسيقات مخصصة عن طريق مزج أنماط وحدات مختلفة.

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"

ينتج عن هذا تنسيق مختلط حيث تستخدم كل وحدة مستوى إطناب مختلف. على الرغم من أنه غير معتاد، إلا أن هذه المرونة تتيح لك إنشاء تنسيقات متخصصة عند الحاجة.

ما يجب تذكره

يتحكم خيار style في كيفية ظهور المدد عند التنسيق باستخدام Intl.DurationFormat. قم بتعيينه إلى "long" للوحدات المكتوبة بالكامل مثل "2 hours and 30 minutes"، أو "short" للاختصارات القياسية مثل "2 hr and 30 min"، أو "narrow" للأشكال المضغوطة مثل "2h 30m". يكون الخيار الافتراضي هو "short" إذا تم حذفه.

استخدم النمط الطويل عندما تكون الوضوح وإمكانية الوصول أكثر أهمية من المساحة، أو عندما قد يكون المستخدمون غير مألوفين باختصارات الوقت. استخدم النمط القصير للتطبيقات ذات الأغراض العامة حيث تهم المساحة ويفهم المستخدمون الاختصارات القياسية. استخدم النمط الضيق فقط في السياقات المقيدة للغاية من حيث المساحة حيث يكون المستخدمون على دراية كبيرة بترميز الوقت.

يتعامل المنسق تلقائيًا مع الاختلافات الخاصة باللغة، بما في ذلك أسماء الوحدات المختلفة، والاختصارات، وحروف العطف، واتفاقيات المسافات، وأشكال الجمع. قم بدمج style مع خيارات التنسيق الأخرى للتحكم في الوحدات التي تظهر وكيفية عرضها.