- JavaScript 教程
- JavaScript 教程
- Javascript - 概述
- Javascript - 功能
- 在浏览器中启用 JavaScript
- JavaScript - 放置在 HTML 文件中
- JavaScript - 语法
- JavaScript - Hello World 程序
- JavaScript - Console.log()方法
- JavaScript - 注释
- JavaScript - 变量
- JavaScript - let 语句
- JavaScript - 常量
- JavaScript - 数据类型
- JavaScript - 类型转换
- JavaScript - 严格模式
- JavaScript - 保留关键字
- JavaScript 运算符
- JavaScript - 运算符
- JavaScript - 算术运算符
- JavaScript - 比较运算符
- JavaScript - 逻辑运算符
- JavaScript - 按位运算符
- JavaScript - 赋值运算符
- JavaScript - 条件运算符
- JavaScript - typeof 运算符
- JavaScript - Nullish 合并运算符
- JavaScript - Delete 运算符
- JavaScript - 逗号运算符
- JavaScript - 分组运算符
- JavaScript - Yield 运算符
- JavaScript - Spread 运算符
- JavaScript - 幂运算符
- JavaScript - 运算符优先级
- JavaScript 控制流
- JavaScript - if...else 语句
- JavaScript - While 循环
- JavaScript - For 循环
- JavaScript - For...in 循环
- JavaScript - For...of 循环
- JavaScript - 循环控制
- JavaScript - Break 语句
- JavaScript - Continue 语句
- JavaScript - Switch Case 语句
- JavaScript - 用户定义的迭代器
- JavaScript 函数
- JavaScript - 函数
- JavaScript - 函数表达式
- JavaScript - 函数参数
- JavaScript - 默认参数
- JavaScript - Function() 构造函数
- JavaScript - 函数提升
- JavaScript - 自调用函数
- JavaScript - 箭头函数
- JavaScript - 函数调用
- JavaScript - 函数 call() 方法
- JavaScript - 函数 apply() 方法
- JavaScript - 函数 bind() 方法
- JavaScript - 闭包
- JavaScript - 变量范围
- JavaScript - 全局变量
- JavaScript - 智能函数参数
- JavaScript 对象
- JavaScript - Number 对象
- JavaScript - 布尔对象
- JavaScript - String 对象
- JavaScript - Array 对象
- JavaScript - 日期对象
- JavaScript - DataView 对象
- JavaScript - 处理程序
- JavaScript - math 对象
- JavaScript - 正则表达式
- JavaScript - Symbol 对象
- JavaScript - Set(集)对象
- JavaScript - WeakSet 对象
- JavaScript - Maps (地图) 对象
- JavaScript - WeakMap 对象
- JavaScript - Iterables 对象
- JavaScript - Reflect 对象
- JavaScript - TypedArray 对象
- JavaScript - 模板文本
- JavaScript - tagged 模板
- 面向对象的 JavaScript
- JavaScript - 对象概述
- JavaScript - 类(Classes)
- JavaScript - 对象属性
- JavaScript - 对象方法
- JavaScript - Static(静态)方法
- JavaScript - display(显示)对象
- JavaScript - 对象访问器
- JavaScript - 对象构造函数
- JavaScript - 原生原型
- JavaScript - ES5 对象方法
- JavaScript - Encapsulation(封装)
- JavaScript - Inheritance(继承)
- JavaScript - Abstraction(抽象)
- JavaScript - Polymorphism(多态性)
- JavaScript - 解构赋值
- JavaScript - 对象解构
- JavaScript - 数组解构
- JavaScript - 嵌套解构
- JavaScript - 可选链接
- JavaScript - 全局对象
- JavaScript - Mixin
- JavaScript - Proxies(代理)
- JavaScript 版本
- JavaScript - 历史
- JavaScript - 版本
- JavaScript - ES5
- JavaScript cookies
- JavaScript - Cookies
- JavaScript - Cookie 属性
- JavaScript - 删除 Cookie
- JavaScript 浏览器 BOM
- JavaScript - 浏览器对象模型
- JavaScript - Window 对象
- JavaScript - Document 对象
- JavaScript - Screen 对象
- JavaScript - History 对象
- JavaScript - navigator 对象
- JavaScript - Location 对象
- JavaScript - Console 对象
- JavaScript Web API
- JavaScript - Web API
- JavaScript - history API( 历史 API)
- JavaScript - Storage API(存储 API)
- JavaScript - Forms API(表单 API)
- JavaScript - Worker API
- JavaScript - Fetch API (获取 API)
- JavaScript - Geolocation API (地理位置 API)
- JavaScript 事件
- JavaScript - Events (事件简介)
- JavaScript - DOM 事件
- JavaScript - addEventListener()
- JavaScript - 鼠标事件
- JavaScript - 键盘事件
- JavaScript - 表单事件
- JavaScript - 窗口/文档事件
- JavaScript - 事件委派
- JavaScript - 事件冒泡
- JavaScript - 事件捕获
- JavaScript - 自定义事件
- JavaScript 错误处理
- JavaScript - 错误和异常处理
- JavaScript - try...catch 语句
- JavaScript - 调试
- JavaScript - 自定义错误
- JavaScript - 扩展错误
- JavaScript 重要关键词
- JavaScript - this 关键字
- JavaScript - void 关键字
- JavaScript - new 关键字
- JavaScript - var 关键字
- JavaScript HTML DOM
- JavaScript - 文档对象模型或 DOM
- JavaScript - DOM 方法
- JavaScript - DOM 文档
- JavaScript - DOM 元素
- JavaScript - DOM 表单
- JavaScript - 更改 HTML
- JavaScript - 更改 CSS
- JavaScript - DOM 动画
- JavaScript - DOM 导航
- JavaScript - DOM 集合
- JavaScript - DOM 节点列表
- JavaScript 杂项
- JavaScript - Ajax
- JavaScript - 异步迭代
- JavaScript - Atomics 对象 (原子对象)
- JavaScript - Rest 参数
- JavaScript - 页面重定向
- JavaScript - 对话框
- JavaScript - 页面打印
- JavaScript - 表单验证
- JavaScript - 动画
- JavaScript - 多媒体
- JavaScript - Image Map(图像映射)
- JavaScript - 浏览器兼容性
- JavaScript - JSON
- JavaScript - 多行字符串
- JavaScript - 日期格式
- JavaScript - 获取日期方法
- JavaScript - 设置日期方法
- JavaScript - 模块
- JavaScript - 动态导入
- JavaScript - BigInt 数据类型
- JavaScript - Blob
- JavaScript - Unicode
- JavaScript - 浅层复制
- JavaScript - 调用堆栈
- JavaScript - 引用类型
- JavaScript - IndexedDB
- JavaScript - 点击劫持攻击
- JavaScript - Currying (局部套用)
- JavaScript - 图形
- JavaScript - Canvas
- JavaScript - Debouncing (防抖)
- JavaScript - 性能
- JavaScript - 样式指南
- JavaScript - 内置函数
JavaScript - 获取日期方法
获取日期方法
JavaScript 利用 Date 对象进行日期和时间操作。此对象提供了一系列方法,这些方法有助于检索和修改特定于日期的信息。在这里,我们将讨论 JavaScript 中的 get date 方法,这些方法获取日期/时间的不同组件。
下表列出了最常用的 get date 方法及其相应的描述。
方法 | 描述 |
---|---|
getFullYear() | 此方法通过检索本地时区的当前年份来获取和显示综合日历年;它返回本地日期对象的完整四位数表示形式。 |
getMonth() | 返回本地日期对象的月份 (0-11)。此方法检索当前月份,其值范围为 0(1 月)到 11(12 月)。它可用于显示和操作与月份相关的信息。 |
getDate() | 方法:“返回当前日期的日期部分”,值范围为 1 到 31。当需要从本地日期对象中提取此信息时,此功能被证明特别有用。 |
getHours() | 函数 'getHours()' 提取并返回本地日期对象的小时部分 (0-23)。这允许您为各种与时间相关的应用程序检索本地时区的当前小时。 |
getMinutes() | 返回本地日期对象的分钟 (0-59)。检索当前分钟分量,范围从 0 到 59。用于显示和处理分钟级别的时间相关数据。 |
getSeconds() | 将返回本地日期对象的 0 到 59 之间的秒数。它为各种基于时间的计算/显示提供了精确到秒的精度。 |
getMilliseconds() | 返回本地日期对象的毫秒数 (0-999)。检索当前毫秒分量,从而在与时间相关的应用程序和计算中实现高精度。 |
getDay() | 返回星期几的索引,从 0 开始(代表星期日),一直到 6(代表星期六)。 |
getUTCFullYear() | 返回以协调世界时 (UTC) 表示的日期对象的完整 4 位数字年份。此方法以 UTC 格式检索当前年份,提供日历年的标准化表示形式,而与本地时区无关。 |
getUTCMonth() | 返回从 0(Jan) 到 11(Dec)的月份索引,但返回协调世界时 (UTC) 的日期对象的索引。 |
getUTCDate() | 返回以协调世界时 (UTC) 表示的日期对象的月份日期 (1-31)。对于在 UTC 上下文中获取当前日期的日期部分很有用。 |
getUTCHours() | 返回协调世界时 (UTC) 中日期对象的小时 (0-23)。检索 UTC 的当前小时,从而允许跨不同时区对小时组件进行标准化访问。 |
getUTCMinutes() | 返回协调世界时 (UTC) 中日期对象的分钟 (0-59)。检索 UTC 格式的当前分钟分量,为各种基于时间的国际应用程序提供标准化的分钟信息。 |
getUTCSeconds() | 该函数以协调世界时 (UTC) 获取日期对象的秒数(范围从 0 到 59)。它还获取 UTC 的当前第二个分量,从而实现跨不同时区的标准化第二个信息。 |
getUTCMilliseconds() | 该函数返回协调世界时 (UTC) 中日期对象的毫秒数 (0-999);它检索并与时间相关的标准化计算和应用程序并提供高精度:具体来说,它提供 UTC 的当前毫秒分量。 |
例子
示例 1:get date 方法的简单演示
下面的示例演示了流行的 JavaScript 日期方法的基本应用:它实例化一个新的 Date 对象来表示当前的日期和时间;随后,它展示了一系列不同的组成部分 - 年、月、日;小时、分钟、秒、毫秒;以及相应的 UTC 对应项。显示的元素不仅包括标准的时间划分,还包括有关工作日的补充信息:从而提供了对当前时间动态的全面洞察。
<!DOCTYPE html>
<html>
<head>
<title> Exxample to demonstrate get date methods in JavaScript</title>
</head>
<body>
<script>
// 创建新的Date对象
const currentDate = new Date();
function displayResult(methodName, result) {
const resultDiv = document.createElement('div');
resultDiv.innerHTML = `${methodName}: ${result}`;
document.body.appendChild(resultDiv);
}
displayResult('getFullYear()', currentDate.getFullYear());
displayResult('getMonth()', currentDate.getMonth());
displayResult('getDate()', currentDate.getDate());
displayResult('getHours()', currentDate.getHours());
displayResult('getMinutes()', currentDate.getMinutes());
displayResult('getSeconds()', currentDate.getSeconds());
displayResult('getMilliseconds()', currentDate.getMilliseconds());
displayResult('getDay()', currentDate.getDay());
displayResult('getUTCFullYear()', currentDate.getUTCFullYear());
displayResult('getUTCMonth()', currentDate.getUTCMonth());
displayResult('getUTCDate()', currentDate.getUTCDate());
displayResult('getUTCHours()', currentDate.getUTCHours());
displayResult('getUTCMinutes()', currentDate.getUTCMinutes());
displayResult('getUTCSeconds()', currentDate.getUTCSeconds());
displayResult('getUTCMilliseconds()', currentDate.getUTCMilliseconds());
</script>
</body>
</html>
示例 2:两个日期的比较
在此示例中,Date 构造函数创建两个特定日期:date1 和 date2。该脚本随后比较这些日期;它显示其格式化的表示形式,以及一条消息,指示 date1 是晚于、早于还是等于 date2。
<!DOCTYPE html>
<html>
<head>
<title>Comparison of two dates in JavaScript</title>
</head>
<body>
<script>
const date1 = new Date(2024, 0, 18);
const date2 = new Date(2024, 0, 26);
function displayComparison() {
const date1Div = document.createElement('div');
date1Div.innerHTML = `Date 1: ${date1.toDateString()}`;
document.body.appendChild(date1Div);
const date2Div = document.createElement('div');
date2Div.innerHTML = `Date 2: ${date2.toDateString()}`;
document.body.appendChild(date2Div);
const resultDiv = document.createElement('div');
if (date1 > date2) {
resultDiv.innerHTML = "date 1 is later than date 2";
} else if (date1 < date2) {
resultDiv.innerHTML = "date 1 is earlier than date 2";
} else {
resultDiv.innerHTML = "Both dates are equal";
}
document.body.appendChild(resultDiv);
}
displayComparison();
</script>
</body>
</html>