整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
在HTML5中，新增了日期輸入類型month，其含義為選取月、年。
month屬性的代碼格式如下。
<input type="month" name="user_date"/>
（1）編輯代碼
打開記事本，編寫代碼，在<body>標簽中加入以下代碼。并保存為HTML格式文件。
（2)在瀏覽器中瀏覽效果
在瀏覽器中瀏覽效果如圖所示，用戶可以在表單中輸入標準的month格式，然后單擊【提交】按鈕。
設置需要的日期年、月，如下圖所示。
在HTML5中，新增了日期輸入類型week，其含義為選取周和年。
week屬性的代碼格式如下。
<input type="week" name="user_date"/>
（1）編輯代碼
打開記事本，編寫代碼，在<body>標簽中加入以下代碼。并保存為HTML格式文件。
（2)在瀏覽器中瀏覽效果
在瀏覽器中瀏覽效果如圖所示，用戶可以在表單中輸入標準的week格式，然后單擊【提交】按鈕。
設置需要的日期年、周，如下圖所示。
期獲取方法
獲取方法用于獲取日期的某個部分（來自日期對象的信息）。下面是最常用的方法（以字母順序排序）：
getTime() 方法返回自 1970 年 1 月 1 日以來的毫秒數：
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript getTime()</h2>
<p>JavaScript 中的內部時鐘從 1970 年 1 月 1 日午夜開始計算。</p>
<p>getTime() 函數返回從那時起的毫秒數：</p>
<p id="demo"></p>
<script>
var d=new Date();
document.getElementById("demo").innerHTML=d.getTime();
</script>
</body>
</html>getFullYear() 方法以四位數字形式返回日期年份
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript getFullYear()</h2>
<p>getFullYear() 方法返回日期的完整年：</p>
<p id="demo"></p>
<script>
var d=new Date();
document.getElementById("demo").innerHTML=d.getFullYear();
</script>
</body>
</html>getMonth() 以數字（0-11）返回日期的月份：
在 JavaScript 中，第一個月（1 月）是月號 0，因此 12 月返回月號 11。
您可以使用名稱數組，并使用 getMonth() 將月份作為名稱返回：
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript getMonth()</h2>
<p>getMonth（）方法以 0 到 11 之間的數字返回日期的月份。</p>
<p>要獲得正確的月份，您必須添加 1：</p>
<p id="demo"></p>
<script>
var d=new Date();
document.getElementById("demo").innerHTML=d.getMonth() + 1;
</script>
</body>
</html>getDate() 方法以數字（1-31）返回日期的日：
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript getDate()</h2>
<p>getDate() 方法以數字（1-31）返回日期的日：</p>
<p id="demo"></p>
<script>
var d=new Date();
document.getElementById("demo").innerHTML=d.getDate();
</script>
</body>
</html>getHours() 方法以數字（0-23）返回日期的小時數：
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript getHours()</h2>
<p>getHours() 方法以數字（0-23）返回日期的小時：</p>
<p id="demo"></p>
<script>
var d=new Date();
document.getElementById("demo").innerHTML=d.getHours();
</script>
</body>
</html>getDay() 方法以數字（0-6）返回日期的星期名（weekday）：
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript getDay()</h2>
<p>getDay() 方法將周名作為數字返回：</p>
<p id="demo"></p>
<script>
var d=new Date();
document.getElementById("demo").innerHTML=d.getDay();
</script>
</body>
</html>在 JavaScript 中，一周的第一天（0）表示“星期日”，即使世界上的一些國家認為周的第一天是“星期一”。
您可以使用名稱數組，并使用 getDay() 將星期名作為名稱返回：
常開發中，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 版本
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
