推薦22個實用的一行Javascript代碼Date

推薦22個實用的一行Javascript代碼Date大全，建議收藏

常開發(fā)中，Date對于我們來說是經(jīng)常使用到的，平常使用的一些UI框架，如Antd、ElementUI等都會使用像moment.js、day.js的時間工具庫去處理它們關(guān)于時間的組件，但當(dāng)我們脫離這些框架，想去解決一個關(guān)于時間轉(zhuǎn)換的問題，引入一個時間工具庫就顯得冗余了，由此這里給大家分享22個關(guān)于Date實用的一行Javascript與typescript代碼大全，建議收藏閱讀！

前置知識

Intl 對象是 ECMAScript 國際化 API 的一個命名空間，它提供了精確的字符串對比、數(shù)字格式化，和日期時間格式化。Collator，NumberFormat 和 DateTimeFormat 對象的構(gòu)造函數(shù)是 Intl 對象的屬性。了解更多

Intl.DateTimeFormat是根據(jù)語言來格式化日期和時間的對象的構(gòu)造器

語法：

// locales為語言
new Intl.DateTimeFormat([locales[, options]])
Intl.DateTimeFormat.call(this[, locales[, options]])
// 格式化對應(yīng)語言得日期，date為Date實例，返回日期字符串
new Intl.DateTimeFormat(locale).format(date)
// 獲取時區(qū)
Intl.DateTimeFormat().resolvedOptions().timeZone

22個關(guān)于Date實用的一行Javascript與typescript代碼大全

為小時添加AM/PM

JavaScript 版本

// `h` 是 0 到 23 之間的小時數(shù)
const suffixAmPm=(h)=> `${h % 12===0 ? 12 : h % 12}${h < 12 ? 'am' : 'pm'}`;

TypeScript 版本

avaScript 日期

JS 數(shù)組迭代
JS 日期格式

實例

var d=new Date();

親自試一試

atetime類型元素

在HTML5中，新增了時間輸入類型datetime,其含義為選取時間、日、月、年（UTC時間）。UTC是協(xié)調(diào)世界時，又稱世界統(tǒng)一時間、世界標(biāo)準(zhǔn)時間、國際協(xié)調(diào)時間。由于中國采用的是第8時區(qū)的時間，所以中國及其他亞洲國家大都會采用UTC+8的時間。

datetime屬性的代碼格式如下。

（1）編輯代碼

打開記事本，編寫代碼，在<body>標(biāo)簽中加入以下代碼。并保存為HTML格式文件。

（2)在瀏覽器中瀏覽效果

在瀏覽器中瀏覽效果如圖所示，用戶可以在表單中輸入標(biāo)準(zhǔn)的datetime格式，然后單擊【提交】按鈕。

datetime-local類型元素

在HTML5中，新增了時間輸入類型datetime-local,其含義為選取時間、日、月、年(本地時間)例如，中國使用的datetime-local就是第8時區(qū)的時間。

datetime-local屬性的代碼格式如下。

（1）編輯代碼

打開記事本，編寫代碼，在<body>標(biāo)簽中加入以下代碼。并保存為HTML格式文件。

（2)在瀏覽器中瀏覽效果

在瀏覽器中瀏覽效果如圖所示，用戶可以在表單中輸入標(biāo)準(zhǔn)的datetime-local格式，然后單擊【提交】按鈕。

在線咨詢

上一篇：根據(jù)模板動態(tài)生成word（三）使用poi-tl生成w
下一篇：不給抄作業(yè)？：關(guān)于突破網(wǎng)頁“禁止復(fù)制”的8種方法

您的項目需求

*請認真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。