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

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

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

前置知識

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

Intl.DateTimeFormat是根據語言來格式化日期和時間的對象的構造器

語法：

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

22個關于Date實用的一行Javascript與typescript代碼大全

為小時添加AM/PM

JavaScript 版本

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

TypeScript 版本

avaScript 日期

JS 數組迭代
JS 日期格式

實例

var d=new Date();

親自試一試

atetime類型元素

在HTML5中，新增了時間輸入類型datetime,其含義為選取時間、日、月、年（UTC時間）。UTC是協調世界時，又稱世界統一時間、世界標準時間、國際協調時間。由于中國采用的是第8時區的時間，所以中國及其他亞洲國家大都會采用UTC+8的時間。

datetime屬性的代碼格式如下。

（1）編輯代碼

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

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

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

datetime-local類型元素

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

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

（1）編輯代碼

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

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

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

在線咨詢

上一篇：根據模板動態生成word（三）使用poi-tl生成w
下一篇：不給抄作業？：關于突破網頁“禁止復制”的8種方法

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。