前端祖传三件套JavaScript的对象之常用引用类型的Date

简介: 在前端开发中,日期和时间处理是不可避免的任务之一,JavaScript 中的 Date 对象提供了一组强大的方法和属性,可以帮助我们更轻松地操作和管理日期和时间。在本文中,我们将深入探讨 JavaScript 日期对象,并介绍其中一些常用的引用类型。


Date 对象

Date 是 JavaScript 中的内置对象,它表示一个日期和时间值。可以通过字面量或者构造函数来创建日期对象。

var today = new Date(); // 使用构造函数创建当前日期对象
var christmas = new Date('2021-12-25'); // 使用字符串创建指定日期对象

常用方法

getDate()

getDate() 方法返回日期对象的日。

var today = new Date();
console.log(today.getDate()); // 8

getMonth()

getMonth() 方法返回日期对象的月份。注意:返回值从 0 开始计数,即 0 表示一月,11 表示十二月。

var today = new Date();
console.log(today.getMonth()); // 10 (表示十一月)

getFullYear()

getFullYear() 方法返回日期对象的年份。

var today = new Date();
console.log(today.getFullYear()); // 2021

getHours()

getHours() 方法返回日期对象的小时数。

var today = new Date();
console.log(today.getHours()); // 10

getMinutes()

getMinutes() 方法返回日期对象的分钟数。

var today = new Date();
console.log(today.getMinutes()); // 30

getSeconds()

getSeconds() 方法返回日期对象的秒数。

var today = new Date();
console.log(today.getSeconds()); // 45

getTime()

getTime() 方法返回日期对象的时间戳(以毫秒为单位)。

var today = new Date();
console.log(today.getTime()); // 1636367445000

setDate()

setDate() 方法设置日期对象的日。

var today = new Date();
today.setDate(9);
console.log(today.getDate()); // 9

setMonth()

setMonth() 方法设置日期对象的月份。注意:参数从 0 开始计数,即 0 表示一月,11 表示十二月。

var today = new Date();
today.setMonth(11); // 设置为十二月
console.log(today.getMonth()); // 11

setFullYear()

setFullYear() 方法设置日期对象的年份。

var today = new Date();
today.setFullYear(2022);
console.log(today.getFullYear()); // 2022

setHours()

setHours() 方法设置日期对象的小时数。

var today = new Date();
today.setHours(12);
console.log(today.getHours()); // 12

setMinutes()

setMinutes() 方法设置日期对象的分钟数。

var today = new Date();
today.setMinutes(45);
console.log(today.getMinutes()); // 45

setSeconds()

setSeconds() 方法设置日期对象的秒数。

var today = new Date();
today.setSeconds(30);
console.log(today.getSeconds()); // 30

setTime()

setTime() 方法设置日期对象的时间戳(以毫秒为单位)。

var today = new Date();
today.setTime(1636453845000);
console.log(today.getTime()); // 1636453845000

结论

本文介绍了 JavaScript Date 常用引用类型,并提供了一些常见的方法。这些函数和方法可以帮助我们在 JavaScript 中轻松地操作日期和时间,从而让我们更高效地开发 Web 应用程序。

感谢您阅读此篇博文!

目录
相关文章
|
12天前
|
JavaScript
JS 获取对象数据类型的键值对的键与值
JS 获取对象数据类型的键值对的键与值
|
17天前
|
前端开发 JavaScript 网络协议
前端最常见的JS面试题大全
【4月更文挑战第3天】前端最常见的JS面试题大全
35 5
|
15天前
|
JavaScript 算法
原生JS完成“一对一、一对多”矩形DIV碰撞检测、碰撞检查,通过计算接触面积(重叠覆盖面积)大小来判断接触对象DOM
原生JS完成“一对一、一对多”矩形DIV碰撞检测、碰撞检查,通过计算接触面积(重叠覆盖面积)大小来判断接触对象DOM
|
6天前
|
JavaScript
【Js】检查Date对象是否为Invalid Date
【Js】检查Date对象是否为Invalid Date
9 0
|
7天前
|
存储 JavaScript 前端开发
JavaScript的引用数据类型主要包括对象
【4月更文挑战第16天】JavaScript的引用数据类型主要包括对象
16 4
|
12天前
|
JavaScript
js 字符串String转对象Object
该代码示例展示了如何将一个以逗号分隔的字符串(`'1.2,2,3,4,5'`)转换为对象数组。通过使用`split(',')`分割字符串并`map(parseFloat)`处理每个元素,将字符串转换成浮点数数组,最终得到一个对象数组,其类型为`object`。
|
19天前
|
存储 JavaScript 前端开发
在浏览器中存储数组和对象(js的问题)
在浏览器中存储数组和对象(js的问题)
|
8月前
|
Web App开发 前端开发 JavaScript
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-fiber解决了什么问题
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-fiber解决了什么问题
95 0
|
8月前
|
前端开发 定位技术
前端学习笔记202305学习笔记第二十三天-地图单线程配置
前端学习笔记202305学习笔记第二十三天-地图单线程配置
64 0
前端学习笔记202305学习笔记第二十三天-地图单线程配置
|
8月前
|
前端开发 API
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-react-redux的工作流程
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-react-redux的工作流程
55 0