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+CSS3的编码规范

    HTML5+CSS3的编码规范是为了达到一份整洁、易读、易维护的代码目标而制定的。在此分享一份完整攻略: HTML部分 1. 文档声明 <!DOCTYPE html> 统一使用HTML5的文档声明方式,且在html标签中不需要再写上版本信息,即:<html>而非<html lang=”zh-cn”>。 2. 缩进及排版 统…

    JavaScript 2023年5月19日
    00
  • JS中如何轻松遍历对象属性的方式总结

    当我们需要遍历 JavaScript 对象的属性时,我们可以使用 for…in 循环、Object.keys() 方法或 Object.getOwnPropertyNames() 方法。 for…in 循环遍历对象属性 for…in 循环会遍历对象的所有可枚举属性,包括原型链上的属性。对于每个属性,for…in 循环会执行一次循环体中的代码。…

    JavaScript 2023年5月27日
    00
  • javascript知识点收藏

    JavaScript知识点收藏攻略 概述 本文将介绍JavaScript自学中需要重点掌握的知识点,并提供收藏的资源、工具和学习方法。 知识点 以下是自学JavaScript过程中需要重点掌握的知识点:- 变量、数据类型与运算符- 流程控制语句(if/else、switch/case、循环)- 函数与对象的概念、创建与使用- 常见数据结构(如数组、栈、队列、…

    JavaScript 2023年5月18日
    00
  • JS实现可直接显示网页代码运行效果的HTML代码预览功能实例

    要实现可直接显示网页代码运行效果的HTML代码预览功能实例,可以使用JavaScript和HTML结合的方式来进行开发。主要的步骤分为以下几个部分: HTML布局:在HTML文件中,需要定义一个用于显示代码的div容器,以及一个用于输入代码的textarea元素。 <div id="code-container"></d…

    JavaScript 2023年5月28日
    00
  • vue-cli4项目开启eslint保存时自动格式问题

    下面是“vue-cli4项目开启eslint保存时自动格式问题”的完整攻略。 1. 安装必要依赖 首先,我们需要安装一些必要的依赖,以支持Eslint的自动格式化功能。具体操作如下: 安装Eslint相关依赖 npm install eslint –save-dev npm install eslint-plugin-vue –save-dev npm …

    JavaScript 2023年6月10日
    00
  • vue3.0之Router的使用你了解吗

    当涉及到Vue.js应用的路由管理时,Vue.js社区提供了许多路由插件,其中最受欢迎的是Vue Router。Vue Router是Vue.js官方支持的路由管理器,它能够让你基于Vue.js创建SPA(单页应用)非常方便。 Vue Router 3.0相对于Vue Router 2.0的主要更新内容有以下几点: 路由器构造函数改为createRouter…

    JavaScript 2023年6月11日
    00
  • ES6中字符串string常用的新增方法小结

    ES6中字符串string常用的新增方法有很多,本文将对其中常用的方法进行小结,帮助读者更好地理解和使用ES6字符串方法。 1. 字符串模板(Template) 字符串模板(Template)在ES6中是一项非常重要的新功能,它使我们可以更加方便地处理字符串拼接。 1.1 语法 模板字符串使用反引号(“`)包裹字符串,可以在字符串中插入变量或表达式: le…

    JavaScript 2023年5月28日
    00
  • 实例讲解javascript注册事件处理函数

    当我们需要让页面元素触发一些行为时,就需要使用JavaScript来为元素绑定事件处理函数。在JavaScript中,可以通过为元素添加一个事件处理函数来捕获指定的事件类型,例如按钮的click事件、键盘按键事件等。本篇攻略将详细介绍如何使用JavaScript注册事件处理函数,并提供两个实例来说明事件处理的具体应用。 注册事件处理函数的方法 JavaScr…

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