JavaScript中不同的方法来格式化日期对象

138 阅读3分钟

JavaScript有一个内置的对象,叫做Date对象,它以独立于平台的格式处理日期和时间;按照ECMAScript的标准,它表示从1970年1月的午夜算起的秒数。

在这篇文章中,我们将学习不同的方法来改变JavaScript中的日期格式。

但要做到这一点,首先,我们需要一个变量来存储日期的值。JavaScript有一个内置的数据类型(date对象),可以用来存储日期。

注意:我们将使用浏览器控制台来演示本篇文章中执行的例子。要打开浏览器的控制台。

  • 在Chrome和其他基于chromium的浏览器使用F12键
  • 在Mozilla使用CTRL + SHIFT + K键盘快捷键。
  • 在Safari浏览器中使用 Option + ⌘ + C键盘快捷键(如果没有出现开发者菜单,则按⌘ +打开偏好,并在高级标签中勾选 "在菜单栏中显示开发菜单")。

如何在JavaScript中创建一个日期对象?

在JavaScript中,我们可以使用new Date()方法来创建一个日期对象。

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

没有任何括号的new Date()函数创建了一个具有当前日期的对象。我们也可以向new Date()函数传递参数来创建具有指定日期和时间的新日期对象。

如何格式化日期对象

在JavaScript中,我们有不同的方法,可以用来获得所需格式的日期。下面是一些可以用来格式化日期对象的方法的列表。

  • toDateString()

  • toTimeString()

  • toISOString()

  • toLocaleString()

toDateString()方法

我们将从toDateString()方法开始;toDateString()方法可以用来获得以下格式的日期。

[ 日 月 日期 年 ]

var date = new Date();
console.log(date);
console.log(date.toDateString());

该方法用于从整个日期字符串中只获取日期部分。

toTimeString()方法

toTimeString()方法用于从日期字符串中获取时间。它以如下格式输出时间。

[ 小时:分钟:秒 时区(时区名称) ]

var date = new Date();
console.log(date);
console.log(date.toTimeString());

toISOString()方法

这个方法用于获得ISO格式的日期。这种格式给出了零度UTC时区的日期。

var date = new Date();
console.log(date);
console.log(date.toISOString());

toLocaleString()方法

这个方法以本地化的字符串格式来格式化日期。这个函数接收一个语言和一个国家的标准地区代码格式,即'en-US'作为参数,并根据所需的(指定的)地区代码格式来设置日期。

var date = new Date();
console.log(date);
console.log(date.toLocaleString('en-US'));

获得 "方法

我们可以使用getFullYear(), getMonth(), getDate(), getHours(), getMinutes(), getSeconds()和getMilliseconds()方法来输出我们所需格式的日期。

getFullYear()方法可用于只获得存储在日期对象中的年份值。同样,getMonth(), getDate(), getHours(), getMinutes(), getSeconds()和getMilliseconds()可以分别用来获取Month, Date, Hours, Minutes, Seconds和Milliseconds的单独值。

我们可以结合这些方法中的任何一个来获得我们所需要的格式的日期。在这个例子中,我们将以如下方式来格式化日期。

日期/月/年

var date = new Date();
var d = date.getDate();
var m = date.getMonth();
var y = date.getFullYear();

m++;

console.log(d + "/" + m + "/" + y)

在上面的例子中,我们递增了包含当前月份值的变量,因为在JavaScript中,月份从0开始。

总结

日期格式化是网络开发者的一项基本技能,因为他们需要用特定的格式来表示日期。许多开发者不使用内置的JavaScript方法来操作日期对象,因为这些方法可能非常令人困惑。相反,他们使用第三方库来操作日期对象。

在这篇文章中,我们看到了不同的方法,可以用来格式化日期对象。所有这些方法都是默认存在于JavaScript中的。