使用javascript将时间转换成今天,昨天,前天等格式

下面是使用 JavaScript 将时间转换成“今天”,“昨天”,“前天”等格式的攻略:

1. 获取时间戳

首先需要获取要转换的时间戳。时间戳是一个整数,表示自1970年1月1日 00:00:00 UTC起经过的毫秒数。可以使用 JavaScript 中的Date对象的getTime()方法获取当前时间的时间戳,如下所示:

const timestamp = new Date().getTime();

2. 转换成日期格式

将时间戳转换成日期格式,可以使用Date对象的toLocaleDateString()方法。该方法将日期对象转换为字符串,格式为本地日期格式。例如:

const date = new Date(timestamp).toLocaleDateString();
console.log(date); // 输出:"2022/3/4"

3. 计算日期差值

接下来,需要计算当前日期与要转换的日期之间的差值,以便确定转换的时间是“今天”,“昨天”,“前天”等。可以使用下列代码段计算日期差值:

const now = new Date().setHours(0, 0, 0, 0); // 当前时间的开始
const compare = new Date(timestamp).setHours(0, 0, 0, 0); // 需要比较的日期的开始
const diff = (now - compare) / 1000 / 60 / 60 / 24; // 计算出两个日期之间的天数差值

4. 根据日期差值转换

使用上述代码段计算出日期差值后,接下来就可以根据差值的不同转换成相应的日期格式了。下面是完整的 JavaScript 代码,其中使用了一个getDateDiff()函数,接受一个时间戳参数,并返回转换后的字符串:

function getDateDiff(timestamp) {
  const now = new Date().setHours(0, 0, 0, 0);
  const compare = new Date(timestamp).setHours(0, 0, 0, 0);
  const diff = (now - compare) / 1000 / 60 / 60 / 24;

  if (diff === 0) {
    return "今天";
  } else if (diff === 1) {
    return "昨天";
  } else if (diff === 2) {
    return "前天";
  } else {
    const date = new Date(timestamp);
    const year = date.getFullYear();
    let month = date.getMonth() + 1;
    month = month < 10 ? "0" + month : month;
    let day = date.getDate();
    day = day < 10 ? "0" + day : day;
    return `${year}/${month}/${day}`;
  }
}

const timestamp1 = 1646488312345;
console.log(getDateDiff(timestamp1)); // 输出:"今天"

const timestamp2 = 1646217600000;
console.log(getDateDiff(timestamp2)); // 输出:"前天"

在上面的代码中,分别使用了两个时间戳作为示例,分别输出了“今天”和“前天”的转换结果。可以根据需要将上述代码与自己的项目结合使用。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:使用javascript将时间转换成今天,昨天,前天等格式 - Python技术站

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

相关文章

  • javascript之Array 数组对象详解

    JavaScript之Array数组对象详解 什么是数组 在 JavaScript 中,数组(Array)是一种复合数据类型,用于存储一组有序的数据。可以将数组看作是一个盒子,该盒子中可以存放多个数据,而且这些数据是有序的,通过下标(索引)来访问每一个数据。 数组的创建 JavaScript 中,可以使用两种方式来创建数组: 1. 使用字面量方式创建数组 l…

    JavaScript 2023年5月27日
    00
  • JS中判断null的方法分析

    JS中判断null的方法分析: 在JavaScript中,有多种方法来判断一个变量值是否为null。以下是几种常见的方法: 1. 使用相等运算符(==) if (variable == null) { // 变量值为null } 使用相等运算符(==)可以判断一个变量值是否为null。如果变量值为null,则返回true,否则返回false。 2. 使用全等…

    JavaScript 2023年6月11日
    00
  • 详解JavaScript的while循环的使用

    详解JavaScript的while循环的使用 简介 JavaScript 中提供了循环语句来重复执行代码块,其中 while 循环是其中之一。while 循环是基于条件执行的循环,只要给定条件为真,就会执行循环体,直到给定条件为假。 语法 while 循环的语法如下: while (condition) { // 循环体语句 } 其中 condition …

    JavaScript 2023年5月27日
    00
  • 浅谈JavaScript_DOM学习篇_图片切换小案例

    浅谈JavaScript DOM学习篇 – 图片切换小案例 学习 JavaScript 的过程离不开操作文档对象模型(DOM),本文将通过一个简单的图片切换小案例来阐述 DOM 的基础知识和常用操作。 一、前置知识 在开始学习 DOM 之前应该先了解以下基础知识: HTML CSS JavaScript 语法基础 二、正文内容 1. 简述DOM DOM(文档…

    JavaScript 2023年6月10日
    00
  • js 数组 fill() 填充方法

    JS 数组 fill() 填充方法 简介 在 JS 中,fill() 方法可以用来填充数组的某一段区间,即将数组中的所有元素都替换为指定的值。fill() 方法接收三个参数:要填充的值、起始位置和终止位置(不包括终止位置本身)。这个方法具有可变性,即不会创建新的数组,而是直接修改原数组。 语法 arr.fill(value, start, end) valu…

    JavaScript 2023年5月27日
    00
  • js实现的类marquee水平循环滚动

    JS实现的类marquee水平循环滚动,是指在一个容器内部以水平方向不间断滚动一段文字或图片等内容,类似于HTML中的标签效果。以下为完整的攻略: 步骤1:HTML结构 首先,在HTML中建立一个容器,例如: <div id="scroll-container"> <span>这是一段滚动文字</span&g…

    JavaScript 2023年6月11日
    00
  • js怎么终止程序return不行换jfslk

    JS中终止程序有多种方式,但是通过return语句来终止程序是比较常见和方便的方法。如果使用return无法终止程序,可能是由于函数嵌套、异步操作等原因,下面我们来详细讲解如何解决。 函数嵌套 当函数嵌套的时候,使用return只能终止当前函数的执行,而不能终止外层函数的执行。这时需要使用return语句和一个标识符来协同工作,让外层函数在适当的时候捕获这个…

    JavaScript 2023年5月27日
    00
  • JS利用 clip-path 实现动态区域裁剪功能

    我会为您提供详细的“JS利用 clip-path 实现动态区域裁剪功能”的攻略,以下是具体步骤: 步骤1:了解 clip-path 属性 clip-path 属性可以用来裁剪任何元素的视觉外观(裁剪作用是基于矢量路径)。通过定义一个有规律或不规律的形状,在视觉上裁剪页面元素。可以定义多种形状:矩形、椭圆、多边形和其他基本形状。也可以通过引用 SVG 的 路径…

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