整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
常開發中，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代碼大全
JavaScript 版本
// `h` 是 0 到 23 之間的小時數
const suffixAmPm=(h)=> `${h % 12===0 ? 12 : h % 12}${h < 12 ? 'am' : 'pm'}`;
TypeScript 版本
var d=new Date();親自試一試
在HTML5中，新增了時間輸入類型datetime,其含義為選取時間、日、月、年（UTC時間）。UTC是協調世界時，又稱世界統一時間、世界標準時間、國際協調時間。由于中國采用的是第8時區的時間，所以中國及其他亞洲國家大都會采用UTC+8的時間。
datetime屬性的代碼格式如下。
<input type="datetime" name="user_date"/>
（1）編輯代碼
打開記事本，編寫代碼，在<body>標簽中加入以下代碼。并保存為HTML格式文件。
（2)在瀏覽器中瀏覽效果
在瀏覽器中瀏覽效果如圖所示，用戶可以在表單中輸入標準的datetime格式，然后單擊【提交】按鈕。
在HTML5中，新增了時間輸入類型datetime-local,其含義為選取時間、日、月、年(本地時間)例如，中國使用的datetime-local就是第8時區的時間。
datetime-local屬性的代碼格式如下。
<input type="datetime-local" name="user_date"/>
（1）編輯代碼
打開記事本，編寫代碼，在<body>標簽中加入以下代碼。并保存為HTML格式文件。
（2)在瀏覽器中瀏覽效果
在瀏覽器中瀏覽效果如圖所示，用戶可以在表單中輸入標準的datetime-local格式，然后單擊【提交】按鈕。
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
