likes
comments
collection
share

js中日期时间操作相关的API有哪些

作者站长头像
站长
· 阅读数 20

JS中日期时间的操作是开发中常用到的一个功能，该功能的实现可以通过下面这些相关API来完成。

首先，我们需要了解JS中最基本的日期对象——Date对象。Date对象可以用于表示时间和日期，举个例子：

const now = new Date(); // 当前时间
console.log(now); // 返回当前日期和时间的字符串： "Thu Oct 14 2021 19:05:14 GMT+0800 (中国标准时间)"

我们也可以通过Date对象的构造函数来创建一个指定的日期和时间：

const date1 = new Date("October 13, 2021 10:30:00"); // 创建一个指定日期的Date对象
console.log(date1); // 返回： "Wed Oct 13 2021 10:30:00 GMT+0800 (中国标准时间)"

当然，这只是Date对象的基本使用，接下来我们将介绍Date对象常用的一些方法。

  1. getTime()

Date对象的getTime()方法可以返回自1970年1月1日00:00:00 UTC到该日期对象所表示时间的毫秒数。看下面的例子：

const now = new Date(); // 获取当前时间
const timestamp = now.getTime(); // 获取当前时间的时间戳（从1970-01-01 00:00:00开始的毫秒数）
console.log(timestamp); // 返回自1970年1月1日00:00:00 UTC到当前时间的毫秒数
  1. getFullYear()

Date对象的getFullYear()方法可以返回指定日期的年份。看下面的例子：

const now = new Date(); // 获取当前时间
const year = now.getFullYear(); // 获取当前时间的年份
console.log(year); // 返回当前年份
  1. getMonth()

Date对象的getMonth()方法可以返回指定日期的月份，范围从0到11，0表示1月份，11表示12月份。看下面的例子：

const now = new Date(); // 获取当前时间
const month = now.getMonth(); // 获取当前时间的月份
console.log(month + 1); // 月份从0开始计算，所以需要加1才能得出实际的月份
  1. getDate()

Date对象的getDate()方法可以返回指定日期的日期（1-31）。看下面的例子：

const now = new Date(); // 获取当前时间
const date = now.getDate(); // 获取当前时间的日期
console.log(date); // 返回当前日期
  1. getDay()

Date对象的getDay()方法可以返回指定日期的星期几（0-6），其中0表示星期天，1表示星期一，以此类推。看下面的例子：

const now = new Date(); // 获取当前时间
const day = now.getDay(); // 获取当前时间的星期
console.log(day); // 返回当前星期
  1. getHours()

Date对象的getHours()方法可以返回指定日期的小时数（0-23）。看下面的例子：

const now = new Date(); // 获取当前时间
const hours = now.getHours(); // 获取当前时间的小时数
console.log(hours); // 返回当前小时数
  1. getMinutes()

Date对象的getMinutes()方法可以返回指定日期的分钟数（0-59）。看下面的例子：

const now = new Date(); // 获取当前时间
const minutes = now.getMinutes(); // 获取当前时间的分钟数
console.log(minutes); // 返回当前分钟数
  1. getSeconds()

Date对象的getSeconds()方法可以返回指定日期的秒数（0-59）。看下面的例子：

const now = new Date(); // 获取当前时间
const seconds = now.getSeconds(); // 获取当前时间的秒数
console.log(seconds); // 返回当前秒数
  1. getMilliseconds()

Date对象的getMilliseconds()方法可以返回指定日期的毫秒数（0-999）。看下面的例子：

const now = new Date(); // 获取当前时间
const milliseconds = now.getMilliseconds(); // 获取当前时间的毫秒数
console.log(milliseconds); // 返回当前毫秒数
  1. toDateString()

Date对象中的toDateString()方法用于将日期部分转化为字符串表示，返回值为英文表示的星期，并且日期和月份的顺序是自然数序（例如：Mon Oct 18 2021）。下面是toDateString()方法的使用示例：

const now = new Date(); // 获取当前时间
const dateString = now.toDateString();  // 获取当前日期部分的字符串表示
console.log(dateString); // Mon Oct 18 2021

我们可以使用toDateString()方法将日期转换为易读的字符串，从而方便实现一些需要用到日期的功能，例如：

const currentDatetime = new Date();
const dateStr = currentDatetime.toDateString(); // 获取日期
document.querySelector('#date').innerText = dateStr; // 将日期渲染在一个id为date的html元素上

上述代码将当前日期渲染在一个id为date的html元素上，用户可以清晰的知道今天是哪一天，以及是星期几。因为toDateString()方法返回的字符串包含星期的信息，所以它非常适用于展示日期。

  1. toTimeString()

Date对象中的toTimeString()方法用于将日期的时间部分转换为字符串表示，返回值包括小时、分钟和秒，以及时区（例如：19:56:39 GMT+0800 (中国标准时间)）。

下面是toTimeString()方法的使用示例：

    const now = new Date(); // 获取当前时间
    const timeString = now.toTimeString(); // 获取当前时间部分的字符串表示
    console.log(timeString); // 19:56:39 GMT+0800 (中国标准时间)

我们可以使用toTimeString()方法将时间部分转换为易读的字符串，从而方便实现一些需要用到时间的功能，例如：

    const currentDatetime = new Date();
    const timeStr = currentDatetime.toTimeString(); // 获取时间
    document.querySelector('#time').innerText = timeStr; // 将时间渲染在一个id为time的html元素上


上述代码将当前时间渲染在一个id为time的html元素上，用户可以清晰的知道现在是几点。因为toTimeString()方法返回的字符串包含时间的信息，所以它非常适用于展示时间。