前端祖传三件套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 应用程序。

感谢您阅读此篇博文!

目录
相关文章
|
1天前
|
前端开发 JavaScript 关系型数据库
前端的全栈之路:基于 Vue3 + Nest.js 全栈开发的后台应用
这篇文章介绍了一个名为Vue3Admin的全栈后台应用,前端基于SoybeanAdmin二次开发,后端基于Nest.js。主要使用了Vue3.5、AntDesignVue、UnoCSS、Pinia等前端技术栈,以及Nest.js、PostgreSQL、Prisma等后端技术栈。文章详细描述了系统的功能设计,包括动态国际化语言配置、登录用户操作日志、用户和角色权限映射、动态路由菜单、消息公告发布及前端业务功能等。同时,也提供了项目运行所需的环境和依赖,以及如何拉取代码、安装依赖和启动项目的方法。最后,文章展示了项目的演示图,并对项目进行了总结,指出项目未经严格测试,仅供学习交流使用。
前端的全栈之路:基于 Vue3 + Nest.js 全栈开发的后台应用
|
1天前
|
缓存 前端开发 JavaScript
探索JavaScript的现代前端技术:从基础到进阶
探索JavaScript的现代前端技术:从基础到进阶
10 1
|
2天前
|
JSON 前端开发 数据格式
@RequestMapping运用举例(有源码) 前后端如何传递参数?后端如何接收前端传过来的参数,传递单个参数,多个参数,对象,数组/集合(有源码)
文章详细讲解了在SpringMVC中如何使用`@RequestMapping`进行路由映射,并介绍了前后端参数传递的多种方式,包括传递单个参数、多个参数、对象、数组、集合以及JSON数据,并且涵盖了参数重命名和从URL中获取参数的方法。
4 0
@RequestMapping运用举例(有源码) 前后端如何传递参数?后端如何接收前端传过来的参数,传递单个参数,多个参数,对象,数组/集合(有源码)
|
1天前
|
前端开发 JavaScript 开发者
深入理解JavaScript中的对象与类
深入理解JavaScript中的对象与类
7 0
|
1天前
|
JavaScript 前端开发
如何在JS中声明一个对象
如何在JS中声明一个对象
5 0
|
3天前
|
JavaScript 前端开发 API
【前端基础篇】JavaScript之jQuery介绍
【前端基础篇】JavaScript之jQuery介绍
16 0
|
3天前
|
JavaScript 前端开发 Java
【前端基础篇】JavaScript之BOM介绍
【前端基础篇】JavaScript之BOM介绍
11 0
|
3天前
|
JavaScript 前端开发 UED
【前端基础篇】JavaScript之DOM介绍2
【前端基础篇】JavaScript之DOM介绍
10 0
|
3天前
|
JavaScript 前端开发 搜索推荐
【前端基础篇】JavaScript之DOM介绍1
【前端基础篇】JavaScript之DOM介绍
14 0
|
5月前
|
前端开发 JavaScript 网络协议
前端最常见的JS面试题大全
【4月更文挑战第3天】前端最常见的JS面试题大全
90 5