javascript学习笔记(六) Date 日期类型

yizhihongxing

这里是关于“javascript学习笔记(六) Date 日期类型”的详细攻略。

什么是 Date?

Date 是 JavaScript 中内置的一个包含日期和时间的对象,用于处理时间相关的操作。使用 Date 对象可以获取当前时间、设置指定时间、格式化日期等。

创建 Date 对象

我们可以使用以下方式创建一个 Date 对象。

new Date()

通过调用 new Date() 方法创建一个当前时间的 Date 对象。

const currentDate = new Date();

new Date(milliseconds)

通过指定时间戳(距离“1970 年 1 月 1 日 00:00:00 UTC”以来的毫秒数)创建一个 Date 对象。

const someDate = new Date(1000000000000);

new Date(dateString)

通过解析日期字符串创建一个 Date 对象。

const myBirthday = new Date('1995-03-15');

日期字符串的格式可以是各种不同的形式,例如:

  • 'March 15, 1995'
  • '15 Mar 1995'
  • '03/15/1995'

new Date(year, monthIndex [, day, hour, minute, second, millisecond])

通过指定年、月、日、时、分、秒、毫秒数来创建一个 Date 对象。注意,其中月份是从 0 开始计数(0 表示一月)。

const myBirthday = new Date(1995, 2, 15);

获取 Date 对象的值

Date 对象有多个方法可以用于获取日期和时间的不同部分。

getDate()

获取当前日期(月中的几号),返回值为 1 到 31。

const currentDate = new Date();
const currentDay = currentDate.getDate();

getMonth()

获取当前月份,返回值为 0 到 11。

const currentDate = new Date();
const currentMonth = currentDate.getMonth();

getFullYear()

获取当前年份。

const currentDate = new Date();
const currentYear = currentDate.getFullYear();

getHours(), getMinutes(), getSeconds()

获取当前时间的小时数、分钟数、秒数。

const currentDate = new Date();
const currentHour = currentDate.getHours();
const currentMinute = currentDate.getMinutes();
const currentSecond = currentDate.getSeconds();

getTime()

获取当前时间距离 1970 年 1 月 1 日 00:00:00 UTC 的毫秒数。

const currentDate = new Date();
const currentTimestamp = currentDate.getTime();

设置 Date 对象的值

Date 对象也可以通过多个方法来设置日期和时间的不同部分。

setDate()

设置日期(月中的几号)。

const currentDate = new Date();
currentDate.setDate(10);

setMonth()

设置月份,也可以指定第二个参数 day(指定月份的某一天)。

const currentDate = new Date();
currentDate.setMonth(3);

setFullYear()

设置年份,也可以指定第二个和第三个参数 monthIndex 和 day。

const currentDate = new Date();
currentDate.setFullYear(2022);

setHours(), setMinutes(), setSeconds()

设置时间的小时数、分钟数、秒数。

const currentDate = new Date();
currentDate.setHours(14);

setTime()

通过指定时间戳来设置 Date 对象的值。

const currentDate = new Date();
currentDate.setTime(500000000);

Date 对象的格式化

Date 对象可以通过多种方式进行格式化,包括将其转化为字符串:

const currentDate = new Date();
console.log(currentDate.toString()); // Sun Jul 11 2021 21:13:07 GMT+0800 (中国标准时间)

console.log(currentDate.toDateString()); // Sun Jul 11 2021

console.log(currentDate.toLocaleDateString()); // 2021-7-11

console.log(currentDate.toLocaleTimeString()); // 下午9:14:57

console.log(currentDate.toUTCString()); // Sun, 11 Jul 2021 13:14:57 GMT

注意事项

使用 Date 对象时,需要注意以下几点:

  • 在使用 new Date(year, monthIndex [, day, hour, minute, second, millisecond]) 创建 Date 对象时,月份是从 0 开始计数。
  • 在使用 new Date(milliseconds) 创建 Date 对象时,传入的参数是“距离 1970 年 1 月 1 日 00:00:00 UTC 的毫秒数”。
  • 在使用 new Date(dateString) 创建 Date 对象时,日期字符串的格式可以是各种不同的形式。

示例说明

以下是基于上述内容的两个示例:

示例一

const currentDate = new Date();
const currentYear = currentDate.getFullYear();
const currentMonth = currentDate.getMonth();
const currentDay = currentDate.getDate();

console.log(`今天是 ${currentYear} 年 ${currentMonth + 1} 月 ${currentDay} 日`);

上述代码会输出当前日期,例如 今天是 2021 年 7 月 11 日

示例二

const myBirthday = new Date(1995, 2, 15);
const currentYear = new Date().getFullYear();
const age = currentYear - myBirthday.getFullYear();

console.log(`我现在 ${age} 岁了`);

上述代码会输出当前年龄,例如 我现在 26 岁了

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:javascript学习笔记(六) Date 日期类型 - Python技术站

(0)
上一篇 2023年5月27日
下一篇 2023年5月27日

相关文章

  • 微信小程序 生命周期和页面的生命周期详细介绍

    下面详细讲解一下微信小程序的生命周期和页面的生命周期: 微信小程序生命周期介绍 微信小程序生命周期分为两个部分:全局生命周期和页面生命周期。全局生命周期是指在整个小程序中被执行的方法,而页面生命周期则是指在页面中被执行的方法。 全局生命周期 全局生命周期包含以下方法: 1. onLaunch(options) 在小程序初始化完成时执行,只会执行一次。 参数说…

    JavaScript 2023年6月11日
    00
  • JavaScript 模块化编程(笔记)

    JavaScript 模块化编程(笔记) JavaScript 模块化编程是现代 JavaScript 开发中一种流行的方式。它通过把复杂的代码分成多个集中化独立的小模块,使代码更易于维护和适应不断变化的需求。 模块化编程基本概念 导入 import: 在一个模块中,用 import 语句引入其他模块的代码。 导出 export: 在一个模块中,用 expo…

    JavaScript 2023年6月10日
    00
  • 详解JS实现简单的时分秒倒计时代码

    下面我来详细讲解一下实现简单的时分秒倒计时代码的攻略。 步骤一:HTML布局 在HTML中创建一个div容器,将时分秒倒计时展示在这个容器中。 <div id="countdown"></div> 步骤二:JS编写 1. 获取要倒计时的时间 首先,获取要倒计时的时间,可以通过获取当前的时间戳来计算目标时间戳。 va…

    JavaScript 2023年5月27日
    00
  • 在react中使用mockjs的方法你知道吗

    当我们需要模拟一个后端API接口,来测试前端代码的时候,可以使用mockjs这个库进行模拟数据。下面是在React中使用mockjs的方法: 1. 安装mockjs npm install mockjs –save-dev 2. 创建mock数据 我们可以在src目录下新建一个mock目录,然后在这个目录下再新建一个data.js文件。在这个文件中,就可以…

    JavaScript 2023年6月10日
    00
  • 九种js弹出对话框的方法总结

    那么首先对于这个主题,我们需要先明确一下一些基本的概念。 什么是对话框 对话框是一种常用的网页中弹出提示信息的方式,类似于当前操作系统的模态对话框。它可以包含文本、按钮、表单等,显示给用户进行操作。 常见的对话框种类 在JS中,常见的对话框包括alert、confirm、prompt、layer、sweetAlert2、artDialog、mbox、weui…

    JavaScript 2023年6月11日
    00
  • JavaScript Dom实现轮播图原理和实例

    下面是“JavaScript Dom实现轮播图原理和实例”的完整攻略。 什么是JavaScript DOM? JavaScript DOM(Document Object Model,文档对象模型)是一种对HTML、XML、SVG等文档进行抽象和概念化的方式。它将文档视为对象的集合,其中每个对象可以被操作。JavaScript可以通过DOM,访问和修改文档的…

    JavaScript 2023年6月10日
    00
  • 详解tween.js的使用教程

    详解tween.js的使用教程 什么是tween.js? tween.js是一款简单易用的JavaScript补间动画库,它可以让Web开发者很方便地创建和控制复杂的动画效果。它的特点是功能全面、易于使用,支持各种类型的动画插值器和缓动函数,以及灵活的回调函数和参数调整。此外,它还支持并行和序列动画,实现动画效果的细粒度控制。 如何使用tween.js? 1…

    JavaScript 2023年6月11日
    00
  • JS如何对Iframe内外页面进行操作总结

    下面是JS如何对Iframe内外页面进行操作总结的完整攻略: 1. 通过window.parent获取父级页面对象并进行操作 window.parent用于获取当前iframe的父级页面对象,通过它可以调用父级页面的函数或属性进行操作。以下是一个示例进行说明: <!– 父级页面index.html –> <!DOCTYPE html&g…

    JavaScript 2023年6月11日
    00
合作推广
合作推广
分享本页
返回顶部