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

这里是关于“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日

相关文章

  • Web设计师如何制作Retina显屏设备的图片

    下面是Web设计师制作Retina屏幕设备图片的攻略: 1. 理解Retina屏幕设备的特点和需求 首先,我们需要理解Retina屏幕设备的特点和需求。 Retina屏幕设备比传统屏幕设备拥有更高的分辨率和像素密度,例如iPhone的Retina屏幕设备像素密度达到每英寸326个像素。这种高像素密度使得普通图片在Retina屏幕设备上显示效果模糊不清,因此需…

    JavaScript 2023年6月11日
    00
  • javascript中match函数的用法小结

    关于“javascript中match函数的用法小结”这个话题,我为你准备了以下攻略: 1. match()函数的定义 match()函数是JavaScript中一个用于字符串匹配的方法,用于在字符串中搜索一个指定的正则表达式并返回一个匹配结果数组。如果没有找到任何匹配项,则返回null。该方法常常用于字符串的搜索和替换操作。 2. match()函数的语法…

    JavaScript 2023年5月27日
    00
  • Ajax的内部实现机制、原理与实践小结

    Ajax的内部实现机制、原理与实践小结 Ajax的概念 Ajax(也就是 Asynchronous JavaScript and XML的缩写)是一种用于创建快速动态网页应用的技术,能够实现页面无刷新更新。它通过后台的异步数据传输技术,可以让 Web 应用的部分内容得到异步的刷新。 Ajax的实现机制 Ajax的实现机制主要由XMLHttpRequest对象…

    JavaScript 2023年6月11日
    00
  • JS实现根据详细地址获取经纬度功能示例

    实现根据详细地址获取经纬度功能的过程中,可以按照以下步骤进行操作: 第一步:引入百度地图API 在文档的头部中引入百度地图API的js文件。例如,在html文件中可以通过以下代码引入库文件: <script src="http://api.map.baidu.com/api?v=2.0&ak=your-appkey">…

    JavaScript 2023年5月28日
    00
  • JavaScript 原型继承

    JavaScript 原型继承 JavaScript 原型继承是一种非常重要的概念,相较于传统的面向对象语言中的继承,JavaScript 通过原型继承来实现对象之间的属性和方法的共享,它是 JavaScript 中最为灵活的一种继承方式。 定义 JavaScript 中的每个对象(除了 null)都有一个原型对象,原型对象可以通过 Object.getPr…

    JavaScript 2023年6月10日
    00
  • javascript中动态函数用法实例分析

    JavaScript中动态函数用法实例分析 简介 动态函数是指在运行时动态创建的函数,在JavaScript中,我们可以通过函数构造器(Function Constructor)或者箭头函数来动态创建函数。这种方式可以很灵活地生成函数实例,可以灵活的控制函数的运行逻辑。在本篇文章中,我们将分析JavaScript中动态函数的用法,并给出一些实例代码。 使用函…

    JavaScript 2023年5月27日
    00
  • layui的表单验证支持ajax判断用户名是否重复的实例

    以下是使用layui实现表单验证并通过ajax判断用户名是否重复的攻略: 1. 准备工作 首先,需要在网页中引入layui的核心文件和layui的form模块。可以通过以下方式在HTML文档中引入layui的核心文件和form模块: <!– 引入layui核心文件 –> <script src="https://cdn.jsd…

    JavaScript 2023年6月10日
    00
  • js实现iGoogleDivDrag模块拖动层拖动特效的方法

    JS实现iGoogleDivDrag模块拖动层拖动特效是一项基于鼠标拖动功能的JavaScript特效。下面是实现该特效的攻略: 1. 添加HTML结构 首先,在HTML中添加需要拖拽的div元素,同时为目标div元素指定ID属性,例如: <div id="dragElement">需要拖拽的内容区域</div> …

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