当前位置:首页 > JavaScript

js实现时间转换

2026-01-31 03:23:25JavaScript

时间戳转换为日期格式

使用 Date 对象将时间戳转换为可读日期:

const timestamp = 1625097600000; // 示例时间戳
const date = new Date(timestamp);
console.log(date.toLocaleString()); // 本地化日期时间格式
console.log(date.toISOString()); // ISO 8601格式(UTC时间)

通过 toLocaleString() 可指定格式参数:

date.toLocaleString('zh-CN', { 
  year: 'numeric', 
  month: '2-digit', 
  day: '2-digit',
  hour: '2-digit',
  minute: '2-digit'
});

日期字符串转换为时间戳

使用 Date.parse()getTime()

const dateStr = '2023-01-15';
const timestamp1 = Date.parse(dateStr); // 直接解析字符串
const timestamp2 = new Date(dateStr).getTime(); // 通过Date对象获取
console.log(timestamp1, timestamp2);

注意:日期字符串需符合标准格式(如 YYYY-MM-DD),否则结果可能为 NaN

自定义时间格式化

手动拼接日期组件:

function formatDate(date) {
  const year = date.getFullYear();
  const month = String(date.getMonth() + 1).padStart(2, '0');
  const day = String(date.getDate()).padStart(2, '0');
  return `${year}-${month}-${day}`;
}
console.log(formatDate(new Date())); // 输出如 "2023-06-20"

相对时间计算(如“X天前”)

利用时间差计算相对时间:

function getRelativeTime(timestamp) {
  const now = new Date();
  const diff = now - new Date(timestamp);
  const days = Math.floor(diff / (1000 * 60 * 60 * 24));
  return days > 0 ? `${days}天前` : '今天';
}
console.log(getRelativeTime(Date.now() - 86400000)); // 输出"1天前"

使用第三方库

推荐使用 moment.jsdate-fns 简化操作:

// 使用moment.js
const moment = require('moment');
console.log(moment().format('YYYY-MM-DD HH:mm:ss'));

// 使用date-fns
const { format } = require('date-fns');
console.log(format(new Date(), 'yyyy-MM-dd'));

注意:moment.js 已进入维护模式,新项目建议优先选择 date-fns

js实现时间转换

标签: 时间js
分享给朋友:

相关文章

js实现动画

js实现动画

使用 CSS 动画与 JavaScript 控制 通过 JavaScript 动态添加或移除 CSS 类来触发动画。CSS 定义关键帧(@keyframes),JavaScript 通过 classL…

js实现继承

js实现继承

原型链继承 通过将子类的原型指向父类的实例实现继承。子类实例可以访问父类原型上的属性和方法。 function Parent() { this.name = 'parent'; } Parent…

js 实现倒计时

js 实现倒计时

实现倒计时的基本方法 使用 JavaScript 实现倒计时可以通过 setInterval 或 setTimeout 结合日期计算来完成。以下是两种常见实现方式。 使用 setInterval 实…

js 实现继承

js 实现继承

原型链继承 通过让子类的原型对象指向父类的实例来实现继承。子类实例可以访问父类原型上的属性和方法。 function Parent() { this.name = 'parent'; } Pa…

js实现类

js实现类

JavaScript 实现类的几种方式 JavaScript 是一种基于原型的语言,但在 ES6 之后引入了 class 语法糖,使得实现类更加直观。以下是几种常见的实现方式: 使用构造函数 传统的…

js 实现分页

js 实现分页

实现分页的基本逻辑 分页功能通常需要后端返回数据总量或总页数,前端根据当前页码和每页条数截取对应数据。以下是一个基于JavaScript的简单分页实现方案: 前端分页实现 假设已有从后端获取的完整数…