資料結構
網路
關係型資料庫管理系統
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
服裝設計
法律研究如何在 JavaScript 中格式化日期值？
要獲取 JavaScript 中的日期，可以使用新的 Date() 或 Date() 函式 Object() { [native code] }（當前日期或特定日期）。
雖然 Date() 函式 Object() 生成包含當前日期和時間的字串，但新的 Date() 函式 Object() 建立一個新的日期物件。讓我們深入瞭解本文，以更好地瞭解如何在 JavaScript 中格式化日期值。
如何在 JavaScript 中格式化日期？
日期格式取決於您和您的需求。在一些國家，年份 (06/22/2022) 放在首位，然後是月份。在其他情況下，日期在月份之前，年份 (22.06.2022)，等等。
無論格式如何，您都需要分解日期物件值以檢索網頁所需的資訊。
為了更好地瞭解如何在 JavaScript 中格式化日期值，讓我們看看以下示例。
示例
考慮以下示例，這裡我們正在執行指令碼以在網頁上顯示日期格式。
<!DOCTYPE html>
<html>
<body>
<p id="tutorial"></p>
<script>
var tutorial = {
year: 'numeric',
month: 'long',
day: 'numeric',
weekday: 'long'
};
var local = new Date();
document.getElementById("tutorial").innerHTML = (local.toLocaleDateString("en-US", tutorial));
</script>
</body>
</html>
當指令碼執行時，它將在網頁上生成一個包含日期、月份和年份格式的輸出。
示例
執行以下指令碼並檢查它在格式化日期方面的作用。
<!DOCTYPE html>
<html>
<body>
<div id="tutorial"></div>
<script>
function dateformat() {
var y = new Date();
var day = y.getDate();
var x = y.toDateString().substr(4, 3);
var year = y.getFullYear();
document.querySelector("#tutorial").innerHTML = day + '-' + x + '-' + year;
}
window.onload = dateformat;
</script>
</body>
</html>
執行以上指令碼後，輸出視窗將彈出，在網頁上以日期-月-年的格式顯示日期。
使用 JavaScript map()
map() 函式使用一個函式呼叫陣列的每個元素，以生成一個新陣列。對於陣列中的每個元素，Map() 會呼叫一次不同的方法。Map() 不會執行空元素的方法。map() 不會更改初始陣列。
語法
以下是 map() 的語法。
array.map(function(currentValue, index, arr), thisValue)
示例
在以下示例中，我們正在使用 map() 執行指令碼以格式化日期值。
<!DOCTYPE html>
<html>
<body>
<script>
function join(A, tutorials, point) {
function format(x) {
let f = new Intl.DateTimeFormat('en', x);
return f.format(A);
}
return tutorials.map(format).join(point);
}
let tutorials = [{
day: 'numeric'
}, {
month: 'short'
}, {
year: 'numeric'
}];
let point = join(new Date, tutorials, '-');
document.write(point);
</script>
</body>
</html>
當指令碼執行時，它將在網頁上生成一個包含日期的輸出，日期格式為日期/月/年。
更新於： 2023年4月21日
362 次檢視
廣告