JS时间戳转换为常用时间格式的三种方式

下面我将详细介绍JS时间戳转换为常用时间格式的三种方式。

1. 使用JavaScript内置方法

JavaScript内置了Date对象,并提供了很多与时间相关的方法,可以通过以下代码将时间戳转换为常用时间格式:

function timestampToTime(timestamp) { 
  const date = new Date(timestamp * 1000); 
  const Y = date.getFullYear() +'年'; 
  const M = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1) : date.getMonth()+1) +'月'; 
  const D = date.getDate() +'日'; 
  const h = date.getHours() +'时'; 
  const m = date.getMinutes() +'分'; 
  const s = date.getSeconds() +'秒'; 
  return Y+M+D+h+m+s; 
} 

我们可以通过该方法将时间戳转换为类似 2022年04月12日13时30分20秒 这样的时间格式。该方法的原理是将时间戳转换为毫秒数并通过 Date 对象来生成日期对象,然后根据该对象的 getFullYeargetMonthgetDategetHoursgetMinutesgetSeconds 方法获取年、月、日、时、分和秒信息,最后通过字符串拼接的方式将这些信息合并成一个完整的时间字符串。

使用示例:

const timestamp = 1649800620; 
const timeStr = timestampToTime(timestamp); 
console.log(timeStr); // 输出:2022年04月11日21时30分20秒 

2. 使用moment.js库

moment.js 是一个非常实用的时间处理库,可以轻松处理时间、日期格式。我们可以通过以下代码将时间戳转换为常用时间格式:

import moment from 'moment';

function timestampToTime(timestamp) { 
  const timeStr = moment.unix(timestamp).format('YYYY-MM-DD HH:mm:ss')
  return timeStr; 
} 

该方法通过调用 moment.unix() 方法将时间戳转换为Unix(1970年1月1日00:00:00UTC)格式,并通过 format() 方法定义需要输出的年份、月份、天数、小时、分钟和秒数的格式。

使用示例:

const timestamp = 1649800620; 
const timeStr = timestampToTime(timestamp); 
console.log(timeStr); // 输出:2022-04-11 21:30:20 

3. 使用day.js库

day.js 是一个新的、轻量级的 JavaScript 库,可以解决各式 datetime 格式问题。我们可以通过以下代码将时间戳转换为常用时间格式:

import dayjs from 'dayjs';

function timestampToTime(timestamp) { 
  const timeStr = dayjs(timestamp*1000).format('YYYY-MM-DD HH:mm:ss'); 
  return timeStr; 
} 

该方法通过调用 dayjs() 方法生成包含当前时间戳的 dayjs 对象,然后通过 format() 方法定义需要输出的年、月、日、小时、分钟和秒的格式。

使用示例:

const timestamp = 1649800620;
const timeStr = timestampToTime(timestamp); 
console.log(timeStr); // 输出:2022-04-11 21:30:20 

以上三种方式都是非常常用的时间戳转换为常用时间格式的方法,可以根据自己的需求选择使用。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:JS时间戳转换为常用时间格式的三种方式 - Python技术站

(0)
上一篇 2023年5月27日
下一篇 2023年5月27日

相关文章

  • Html5页面内使用JSON动画的实现

    下面我将详细讲解HTML5页面内使用JSON动画的实现攻略,包括以下内容: 前置技能要求 JSON动画的实现步骤 示例说明 前置技能要求 在学习JSON动画实现之前,建议您掌握以下技能: HTML/CSS基础 JavaScript基础 JSON格式的理解及使用 JSON动画的实现步骤 以下为HTML5页面内使用JSON动画实现的步骤: 首先,在HTML文件中…

    JavaScript 2023年5月27日
    00
  • JavaScript实现数组降维详解

    现在我会详细讲解一下“JavaScript实现数组降维详解”的完整攻略,过程中将包含两个示例。 什么是数组降维? 在 JavaScript 中,一个数组可能会包含多个层级,这时候我们可能需要将这个多维数组转换为一维数组,这个过程就被称为数组降维。 实现数组降维 在 JavaScript 语言中,我们可以使用一些方法来实现数组降维。 方法一:使用 flat()…

    JavaScript 2023年5月27日
    00
  • JavaScript处理XML DOM、XPath和XSLT方法详解

    JavaScript处理XML DOM、XPath和XSLT方法详解 什么是XML DOM? XML DOM(XML Document Object Model)是将XML文档表示成树形结构的方式,让开发者可以使用JavaScript来访问和操作XML文档中的节点和元素。在XML DOM中,每个节点都是一个对象,开发者可以通过对象的属性和方法来读取或修改节点…

    JavaScript 2023年6月10日
    00
  • 多种语言(big5\gbk\gb2312\utf8\Shift_JIS\iso8859-1)的网页编码切换解决方案归纳

    多种语言的网页编码是一项重要的工作,因为它涉及着不同国家和地区的用户,而不同的用户所使用的语言和编码也是不同的。在这里我提供一些关于多种语言网页编码的解决方案,希望对网站作者有所帮助。 什么是网页编码 网页编码指的是对网页内容进行编码的方式。常见的编码方式有big5、gbk、gb2312、utf8、Shift_JIS、ISO8859-1等多种。网页的编码会影…

    JavaScript 2023年5月19日
    00
  • javascript判断css3动画结束 css3动画结束的回调函数

    关于javascript判断css3动画结束和css3动画结束的回调函数,下面是一个完整的攻略。 如何判断CSS3动画是否结束? CSS3动画有两个状态:正在运行和已经结束。我们可以通过 JavaScript 来判断动画是否结束,实现各种复杂的交互效果。 在判断CSS3动画结束的时候,我们需要监听动画事件。CSS3动画有两个相关的事件:transitione…

    JavaScript 2023年6月10日
    00
  • jquery自定义表单验证插件

    请允许我详细讲解一下如何创建一个使用jQuery自定义表单验证插件的过程。 什么是jQuery自定义表单验证插件? jQuery自定义表单验证插件是用于验证表单数据的插件,它使用jQuery作为基础,并可以很容易地自定义来验证不同类型的表单数据。通过使用这个插件,可以将验证逻辑简洁明了地编写在你的前端代码上,可以有效地减少后端代码的数量并极大地提高表单数据的…

    JavaScript 2023年6月10日
    00
  • BootstrapTable与KnockoutJS相结合实现增删改查功能【二】

    下面是关于 BootstrapTable 与 KnockoutJS 相结合实现增删改查功能的攻略,包含以下几个部分: 确认基本配置 初始化 BootstarpTable 和 KnockoutJS 实现增删改查功能 1. 确认基本配置 在开始之前,我们需要确认以下几点: 页面中需要引入 Bootstrap 和 jQuery 库。 在页面中引入 Knockout…

    JavaScript 2023年6月10日
    00
  • js中Array.forEach跳出循环的方法实例

    在JavaScript中,使用Array.forEach()方法可以遍历数组,并对每一个元素执行相应的操作。在实际开发中,有时候需要在某些条件下跳出forEach循环,本文将详细讲解该如何在forEach循环中跳出循环。 方法一:使用try-catch语句 在forEach中使用try-catch语句,当需要跳出循环时,通过throw new Error()…

    JavaScript 2023年5月27日
    00
合作推广
合作推广
分享本页
返回顶部