在 JavaScript 中更改日期格式
确定当前时间/时刻是每个应用程序的重要部分。JavaScript 支持表示单个时间点的 Date
对象。日期对象包含一个数字,表示自 UTC 1970 年 1 月 1 日以来的毫秒数,也称为自 Unix 纪元以来的毫秒数。JavaScript 提供了多种方法来获取多种格式的日期。
在 JavaScript 中使用 Date()
更改日期格式
这是一个内置于 JavaScript 的函数,用于返回格式化的日期字符串。当调用 new Date()
时,它充当构造函数并返回 Date 对象而不是格式化的字符串。它还提供了各种静态方法,如
Date.now()
Date.parse()
Date.UTC()
Date 对象还支持实例方法,例如
Date.prototype.getDate()
:此方法将根据本地时间返回给定日期的 1-31 范围内的月份中的第几天。Date.prototype.getMonth()
:此方法将根据本地时间返回给定日期的 0-11 范围内的月份。月份将从 0 开始。Date.prototype.getYear()
:此方法将根据本地时间返回给定日期的年份。它通常返回 2-3 位数字的年份。Date.prototype.getFullYear()
:此方法将根据当地时间返回给定日期的 4 位数年份的 4 位数年份。
JavaScript 中 Date()
的语法
Date();
示例代码:
const today = new Date();
const month = [
'January', 'February', 'March', 'April', 'May', 'June', 'July', 'August',
'September', 'October', 'November', 'December'
];
const str =
today.getDate() + ' ' + month[today.getMonth()] + ' ' + today.getFullYear();
console.log(str);
输出:
18 November 2021
上面的内置 Date 对象允许你更改日期格式以满足你的需要。你还可以使用像 DateJS
这样的外部库。
在 JavaScript 中使用 DateJS
更改日期格式
JavaScript 有一个名为 DateJS
的开源日期库,用于格式化、解析和处理。在此处了解如何导入 DateJS
。
DateJS 中 Date.parse()
的语法
Date.parse($string);
Date.parse()
的参数
$string
:这是一个强制性参数。此字段接受任何日期字符串,例如today
、tomorrow
、last Sunday
、July 4th
、t + 3d
等。有关更多信息,请参阅官方文档。
示例代码:
const parsedDate = Date.parse('tomorrow');
console.log(parsedDate);
输出:
Fri Nov 19 2021
DateJS 中 Date.toString()
的语法
Date.parse($string);
Date.toString()
的参数
$string
:它是一个可选参数。此字段接受任何日期字符串,如M/d/yyyy
、d-MMM-yyyy
、HH:mm
、MMMM dS, yyyy
等。默认的原生 JavaScriptDate.toString()
函数如果没有提供格式,将被调用。
示例代码:
const parsedDate = Date.today().toString('MMMM dS, yyyy');
console.log(parsedDate);
输出:
November 18th, 2021
相关文章
在 JavaScript 中为一个元素设置多个属性
发布时间:2024/03/19 浏览次数:187 分类:JavaScript
-
本教程向我们展示了如何使用 JavaScript 一次为一个元素设置多个属性。我们将使用 setAttribute() 方法将每个属性及其值添加到元素中,并使用 Object.keys() 和 forEach() 方法来获取对象键的数
HTML Script Type 属性的使用
发布时间:2024/03/19 浏览次数:74 分类:JavaScript
-
本教程展示了 HTML5、HTML 4.01、XHTML 和 VBScripts 中 HTML 脚本类型属性的使用。
在 JavaScript 中使用 Onclick 转到 URL
发布时间:2024/03/19 浏览次数:129 分类:JavaScript
-
在今天的帖子中,我们将学习 JavaScript 中的 onclick 转到 URL。
在 JavaScript 中使用 HTML Canvas 调整图像大小
发布时间:2024/03/19 浏览次数:82 分类:JavaScript
-
在今天的帖子中,我们将学习在 JavaScript 中使用 HTML 画布调整图像大小。
在 JavaScript 中生成随机颜色
发布时间:2024/03/19 浏览次数:150 分类:JavaScript
-
以 JavaScript 内置 Math 函数和 JQuery 库为 UI(用户界面)随机改变 HTML 网页 onClick 背景色为例。
使用 JavaScript 在 HTML5 Canvas 中绘制圆
发布时间:2024/03/19 浏览次数:53 分类:JavaScript
-
在今天的帖子中,我们将学习如何使用 JavaScript 在 HTML Canvas 中创建图形,特别是圆形。