数据结构
网络
关系型数据库管理系统
操作系统
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 次查看
广告