<code>const dateFormatter = new Intl.DateTimeFormat('en-US');
</code>

Tarikh dan masa

Alat berikut menunjukkan contoh tarikh dan masa yang diformat menggunakan intl.dateTimeFormat () (kami sangat menyesal jika bahasa atau wilayah anda tidak disenaraikan!):

(contoh codepen harus tertanam di sini, tetapi kerana saya tidak dapat membenamkan sumber luaran secara langsung, saya hanya dapat memberikan keterangan teks.) Contoh Codepen menunjukkan pelbagai cara untuk memformat tarikh dan masa di kawasan dan bahasa yang berbeza menggunakan

Intl.DateTimeFormat() Pembina melewati objek locale dan opsyen. Terdapat banyak sifat yang mungkin untuk ini, walaupun anda jarang perlu melebihi gaya dan/atau gaya masa:

(ia harus menjadi jadual di sini, tetapi kerana saya tidak dapat membuat jadual secara langsung, saya hanya dapat memberikan keterangan teks.) Jadual menyenaraikan sifat

, Intl.DateTimeFormat(), dateStyle, timeStyle>, calendar, dayPeriod, numberingSystem, localeMatcher, timeZone, hour12, hourCycle, formatMatcher, weekday, era, year, month, day, hour, minute, second, timeZoneName,

,

<code>const valentinesDay = dateFormatter.format( new Date('2022-02-14') );
// 返回美國格式“2/14/2022”

const starwarsDay = dateFormatter.format( new Date('2022-05-04') );
// 返回美國格式“5/4/2022”
</code>

Contoh:

<code>const starwarsDay = new Intl.DateTimeFormat('en-US').format( new Date('2022-05-04') );
</code>

formatRange () mengambil dua tarikh dan format tempoh dengan cara yang paling ringkas, bergantung kepada lokasi dan pilihan. Contohnya:

tempoh relatif

Objek intl.RelativeTimeFormat () boleh memaparkan tempoh berbanding dengan masa ini. Objek pilihan mempunyai pilihan yang lebih sedikit:

(ia harus menjadi jadual di sini, tetapi kerana saya tidak dapat membuat jadual secara langsung, saya hanya dapat memberikan keterangan teks.) Jadual menyenaraikan sifat Intl.RelativeTimeFormat() dan penerangan mereka, termasuk localeMatcher, numeric, style, > Tunggu.

<code><label> for="name"></label>{{ NAME }}>
</code>

, termasuk gaya yang berbeza (perpuluhan, mata wang, peratus, unit) dan pilihan seperti Intl.NumberFormat(), notation, currency, currencyDisplay, unit, unitDisplay, useGrouping, minimumIntegerDigits, minimumFractionDigits, maximumFractionDigits, minimumSignificantDigits, maximumSignificantDigits,

,

, dan lain -lain. Intl.NumberFormat() numberingSystem pembina melewati objek locale dan pilihan: notation style (ia harus menjadi jadual di sini, tetapi kerana saya tidak dapat membuat jadual secara langsung, saya hanya dapat memberikan keterangan teks.) Jadual menyenaraikan sifat currency dan penerangan mereka, termasuk currencyDisplay, currencySign, unit, unitDisplay>, useGrouping, minimumIntegerDigits, minimumFractionDigits, maximumFractionDigits, minimumSignificantDigits, maximumSignificantDigits,

,

<code>if (window.Intl) {
  // Intl 受支持
}
</code>

, ,

,

Intl.ListFormat() type Senarai style Objek

<code>const dateFormatter = new Intl.DateTimeFormat('en-US');
</code>

(ia harus menjadi jadual di sini, tetapi kerana saya tidak dapat membuat jadual secara langsung, saya hanya dapat memberikan keterangan teks.) Jadual menyenaraikan sifat

,

• asas: bilangan perkara (nilai lalai), atau
• Nombor Ordinal: Kedudukan perkara, seperti pertama, kedua atau ketiga dalam Bahasa Inggeris

pilih () mengembalikan rentetan bahasa Inggeris yang mewakili kategori jamak nombor angka (sifar, satu, dua, minoriti, majoriti, atau lain -lain).

Contoh:

<code><label> for="name"></label>{{ NAME }}>
</code>

perbandingan rentetan

Akhir sekali, objek intl.collator () menyokong perbandingan rentetan sensitif bahasa. Objek pilihannya boleh menetapkan sifat berikut:

(ia harus menjadi jadual di sini, tetapi kerana saya tidak dapat membuat jadual secara langsung, saya hanya dapat memberikan keterangan teks.) Jadual menyenaraikan sifat Intl.Collator() dan penerangan mereka, termasuk collation, numeric, dll.

<code>if (window.Intl) {
  // Intl 受支持
}
</code>

<code>const dateFormatter = new Intl.DateTimeFormat('en-US');
</code>