极客笔记JavaScript 如何格式化日期值
要在JavaScript中获取日期，可以使用新的 Date() 或 Date() 函数 Object() { [native code] }（当前日期或特定日期）。
虽然 Date() 函数 Object() 会生成包含当前日期和时间的字符串，但新的 Date() 函数 Object() 会创建一个新的Date对象。让我们深入了解如何在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>
当脚本被执行时，它将生成一个输出，其中包含以日期/月份/年份格式打印在网页上的日期。