JavaScript Date转字符串|极客笔记

JavaScript Date转字符串

JavaScript是一种广泛使用的脚本语言，它可以用于前端开发、后端开发以及移动应用开发等多个领域。在JavaScript中，日期是一种常见的数据类型，我们经常需要将日期对象转换为字符串以便进行展示或传输。本文将详细介绍如何将JavaScript中的Date对象转换为字符串。

1. Date对象简介

在JavaScript中，Date对象是用于处理日期和时间的对象。我们可以使用Date对象创建一个表示特定日期和时间的实例。常见的创建Date对象的方式有以下几种：

1.1 使用无参数构造函数创建对象

var currentDate = new Date();
console.log(currentDate);

运行结果：

Thu Jun 24 2021 15:46:13 GMT+0800 (中国标准时间)

上述代码中，我们使用了无参数的构造函数new Date()创建了一个代表当前日期和时间的Date对象。

1.2 使用传入参数的构造函数创建对象

可以使用传入参数的构造函数来创建一个指定日期和时间的Date对象。参数可以是一个表示日期的字符串，也可以是代表年、月、日等各个时间单位的整数值。

var birthday = new Date("1995-12-17");
console.log(birthday);

运行结果：

Sun Dec 17 1995 00:00:00 GMT+0800 (中国标准时间)

上述代码中，我们使用了一个表示日期的字符串作为参数，创建了一个代表1995年12月17日的Date对象。

2. Date对象转字符串

在JavaScript中，Date对象可以使用多种方法将其转换为字符串。下面将介绍几种常用的方法。

2.1 toString()方法

Date对象的toString()方法返回一个表示日期和时间的字符串。该方法返回的字符串格式依赖于不同的浏览器和操作系统。

var currentDate = new Date();
var dateString = currentDate.toString();
console.log(dateString);

运行结果：

Thu Jun 24 2021 15:49:57 GMT+0800 (中国标准时间)

上述代码中，我们使用了toString()方法将当前的Date对象转换为字符串。

2.2 toISOString()方法

Date对象的toISOString()方法返回一个符合ISO 8601标准的日期字符串。这种字符串的格式是YYYY-MM-DDTHH:mm:ss.sssZ，其中：

YYYY表示年份
MM表示月份
DD表示日期
THH表示小时
mm表示分钟
ss.sss表示秒和毫秒
Z表示时区

var currentDate = new Date();
var isoString = currentDate.toISOString();
console.log(isoString);

运行结果：

2021-06-24T15:52:56.973Z

上述代码中，我们使用了toISOString()方法将当前的Date对象转换为一个符合ISO 8601标准的日期字符串。

2.3 toDateString()方法

Date对象的toDateString()方法返回一个表示日期部分的字符串，格式为周几、月份、日期和年份。

var currentDate = new Date();
var dateString = currentDate.toDateString();
console.log(dateString);

运行结果：

Thu Jun 24 2021

上述代码中，我们使用了toDateString()方法将当前的Date对象的日期部分转换为字符串。

2.4 toLocaleString()方法

Date对象的toLocaleString()方法返回一个表示日期和时间的本地化字符串。该方法返回的字符串格式依赖于不同的浏览器和操作系统。

var currentDate = new Date();
var localDateString = currentDate.toLocaleString();
console.log(localDateString);

运行结果：

2021/6/24 下午3:54:26

上述代码中，我们使用了toLocaleString()方法将当前的Date对象转换为一个本地化的日期字符串。

3. format库

在实际开发中，我们常常需要将Date对象按照指定的格式转换为字符串。JavaScript本身并没有提供直接的方法来实现这一功能，但我们可以使用第三方库来完成。一个常用的库是date-fns，它提供了一系列日期处理的方法，包括将Date对象格式化为字符串。

下面是使用date-fns库将Date对象格式化为指定字符串的示例代码：

var currentDate = new Date();
var format = require('date-fns/format');
var formattedDate = format(currentDate, 'yyyy-MM-dd HH:mm:ss');
console.log(formattedDate);

运行结果：

2021-06-24 16:05:03

上述代码中，我们首先使用require语句引入了date-fns/format模块，然后调用该模块的format方法来将Date对象格式化为指定的字符串。

4. 自定义格式化方法

除了使用第三方库，我们还可以自定义方法来将Date对象转换为指定格式的字符串。下面是一个将Date对象按照yyyy-MM-dd HH:mm:ss的格式转换为字符串的自定义方法：

function formatDate(date) {
  var year = date.getFullYear();
  var month = ('0' + (date.getMonth() + 1)).slice(-2);
  var day = ('0' + date.getDate()).slice(-2);
  var hours = ('0' + date.getHours()).slice(-2);
  var minutes = ('0' + date.getMinutes()).slice(-2);
  var seconds = ('0' + date.getSeconds()).slice(-2);

  return year + '-' + month + '-' + day + ' ' + hours + ':' + minutes + ':' + seconds;
}

var currentDate = new Date();
var formattedDate = formatDate(currentDate);
console.log(formattedDate);

运行结果：