首页 > 代码编程 > 前端开发 > js 时间戳转yyyy-mm-dd(JavaScript时间戳转换为日期格式)

js 时间戳转yyyy-mm-dd(JavaScript时间戳转换为日期格式)

2023-07-10 前端开发 27 ℃ 0 评论

什么是JavaScript时间戳

在JavaScript中,时间戳是一个数字,表示自1970年1月1日00:00:00 UTC(世界协调时间)以来的毫秒数。通常用于记录当前时间和日期,也可以用来计算时间差。

JavaScript时间戳转日期格式方法

将JavaScript时间戳转换为日期格式可以用到Date对象的一些方法,如下:

```

var timestamp = 1528391993179;

var date = new Date(timestamp);

var year = date.getFullYear();

var month = ("0" + (date.getMonth() + 1)).slice(-2);

var day = ("0" + date.getDate()).slice(-2);

var formattedDate = year + "-" + month + "-" + day;

console.log(formattedDate); // 2018-06-07

```

在这个例子中,我们将时间戳传递给Date对象,在新的实例对象中使用getYear(), getMonth() and getDate()方法来获取年份、月份和日期。必须注意的是,getMonth()方法返回0到11月份,取巧的方式是加1并使用slice(-2)进行格式化。

封装一个函数来实现JavaScript时间戳转换为日期格式

为了使我们代码更加的简洁,我们可以使用一个函数来封装这个转换日期格式的方法,如下:

```

function timestampToFormattedDate(timestamp) {

var date = new Date(timestamp);

var year = date.getFullYear();

var month = ("0" + (date.getMonth() + 1)).slice(-2);

var day = ("0" + date.getDate()).slice(-2);

var formattedDate = year + "-" + month + "-" + day;

return formattedDate;

}

console.log(timestampToFormattedDate(1528391993179)); // 2018-06-07

```

在这个例子中,我们创建了一个叫timestampToFormattedDate的函数,并传递给它一个时间戳。函数内部执行了上面提到的转换方法,并返回了格式化后的日期格式字符串。这个函数现在可以在我们的代码中随时使用。

JavaScript时间戳与日期格式之间的转换应用示例

假设我们想要在我们的网站上显示文章的发布日期。文章的发布日期已经存在于我们的数据库中,以UTC的时间戳作为日期。我们可以通过使用上述的函数将时间戳转换为格式化后的日期字符串,并将其显示在文章页面上。

```

文章标题

文章内容

发布时间:

// JavaScript 代码

var timestamp = 1528391993179; // 时间戳从数据库请求得到

var publishDate = timestampToFormattedDate(timestamp);

document.querySelector(".publish-date").textContent = publishDate;

```

在这个例子中,我们从数据库获得文章发布日期的时间戳,然后使用我们封装的函数将其转换为格式化的日期字符串,并将其放置在网页上。不管时间戳的数值如何变化,它都会自动转换为所需的日期格式。

总结

本文介绍了JavaScript的时间戳是如何工作的,并给出了将时间戳转换为格式化日期的方法,并通过示例说明如何将其应用于网站开发中。JavaScript的时间戳特别有用,因为它们在处理时间和日期数据时非常方便。

炮渣日记