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

感谢您阅读此篇博文!

目录
相关文章
|
10月前
|
JSON 自然语言处理 前端开发
【01】对APP进行语言包功能开发-APP自动识别地区ip后分配对应的语言功能复杂吗?-成熟app项目语言包功能定制开发-前端以uniapp-基于vue.js后端以laravel基于php为例项目实战-优雅草卓伊凡
【01】对APP进行语言包功能开发-APP自动识别地区ip后分配对应的语言功能复杂吗?-成熟app项目语言包功能定制开发-前端以uniapp-基于vue.js后端以laravel基于php为例项目实战-优雅草卓伊凡
569 72
【01】对APP进行语言包功能开发-APP自动识别地区ip后分配对应的语言功能复杂吗?-成熟app项目语言包功能定制开发-前端以uniapp-基于vue.js后端以laravel基于php为例项目实战-优雅草卓伊凡
|
9月前
|
JavaScript 前端开发 API
|
9月前
|
前端开发 JavaScript 数据可视化
58K star!这个让网页动起来的JS库,前端工程师直呼真香!
Anime.js 是一款轻量级但功能强大的JavaScript动画引擎,它能够以最简单的方式为网页元素添加令人惊艳的动效。这个项目在GitHub上已经获得58,000+星标,被广泛应用于电商页面、数据可视化、游戏开发等场景。
368 8
|
10月前
|
资源调度 JavaScript 前端开发
前端开发必备!Node.js 18.x LTS保姆级安装教程(附国内镜像源配置)
本文详细介绍了Node.js的安装与配置流程,涵盖环境准备、版本选择(推荐LTS版v18.x)、安装步骤(路径设置、组件选择)、环境验证(命令测试、镜像加速)及常见问题解决方法。同时推荐开发工具链,如VS Code、Yarn等,并提供常用全局包安装指南,帮助开发者快速搭建高效稳定的JavaScript开发环境。内容基于官方正版软件,确保合规性与安全性。
10186 23
|
11月前
|
前端开发
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
337 1
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
|
10月前
|
存储 JavaScript 前端开发
全网最全情景,深入浅出解析JavaScript数组去重:数值与引用类型的全面攻略
如果是基础类型数组,优先选择 Set。 对于引用类型数组,根据需求选择 Map 或 JSON.stringify()。 其余情况根据实际需求进行混合调用,就能更好的实现数组去重。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
JavaScript 前端开发 Java
springboot解决js前端跨域问题,javascript跨域问题解决
本文介绍了如何在Spring Boot项目中编写Filter过滤器以处理跨域问题,并通过一个示例展示了使用JavaScript进行跨域请求的方法。首先,在Spring Boot应用中添加一个实现了`Filter`接口的类,设置响应头允许所有来源的跨域请求。接着,通过一个简单的HTML页面和jQuery发送AJAX请求到指定URL,验证跨域请求是否成功。文中还提供了请求成功的响应数据样例及请求效果截图。
226 3
springboot解决js前端跨域问题,javascript跨域问题解决
|
存储 前端开发 JavaScript
前端中对象的深度应用与最佳实践
前端对象应用涉及在网页开发中使用JavaScript等技术创建和操作对象,以实现动态交互效果。通过定义属性和方法,对象可以封装数据和功能,提升代码的组织性和复用性,是现代Web开发的核心技术之一。
|
缓存 前端开发 JavaScript
JavaScript前端路由的实现原理及其在单页应用中的重要性,涵盖前端路由概念、基本原理、常见实现方式
本文深入解析了JavaScript前端路由的实现原理及其在单页应用中的重要性,涵盖前端路由概念、基本原理、常见实现方式(Hash路由和History路由)、优点及挑战,并通过实际案例分析,帮助开发者更好地理解和应用这一关键技术,提升用户体验。
544 1
|
存储 人工智能 前端开发
前端大模型应用笔记(三):Vue3+Antdv+transformers+本地模型实现浏览器端侧增强搜索
本文介绍了一个纯前端实现的增强列表搜索应用,通过使用Transformer模型,实现了更智能的搜索功能,如使用“番茄”可以搜索到“西红柿”。项目基于Vue3和Ant Design Vue,使用了Xenova的bge-base-zh-v1.5模型。文章详细介绍了从环境搭建、数据准备到具体实现的全过程,并展示了实际效果和待改进点。
1192 14

热门文章

最新文章

  • 1
    前端如何存储数据:Cookie、LocalStorage 与 SessionStorage 全面解析
    712
  • 2
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(九):强势分析Animation动画各类参数;从播放时间、播放方式、播放次数、播放方向、播放状态等多个方面,完全了解CSS3 Animation
    308
  • 3
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(八):学习transition过渡属性;本文学习property模拟、duration过渡时间指定、delay时间延迟 等多个参数
    263
  • 4
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(七):学习ransform属性;本文学习 rotate旋转、scale缩放、skew扭曲、tanslate移动、matrix矩阵 多个参数
    216
  • 5
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(六):全方面分析css的Flex布局,从纵、横两个坐标开始进行居中、两端等元素分布模式;刨析元素间隔、排序模式等
    316
  • 6
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(五):背景属性;float浮动和position定位;详细分析相对、绝对、固定三种定位方式;使用浮动并清除浮动副作用
    456
  • 7
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(四):元素盒子模型;详细分析边框属性、盒子外边距
    201
  • 8
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(三):元素继承关系、层叠样式规则、字体属性、文本属性;针对字体和文本作样式修改
    147
  • 9
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(二):CSS伪类:UI伪类、结构化伪类;通过伪类获得子元素的第n个元素;创建一个伪元素展示在页面中;获得最后一个元素;处理聚焦元素的样式
    214
  • 10
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(一):CSS发展史;CSS样式表的引入;CSS选择器使用,附带案例介绍
    290