javascript类型系统——日期Date对象全面了解

yizhihongxing

JavaScript类型系统——日期Date对象全面了解

什么是Date对象

Date对象是JavaScript日期数据类型的对象表示法,它能够精确地表示精确到毫秒的日期和时间。

如何创建Date对象

Date对象的创建有以下几种方式:

1. 直接创建

可以通过new关键字直接创建Date对象。

const now = new Date();
console.log(now); //输出当前时间

2. 通过时间戳创建

可以通过传入一个时间戳(从1970年1月1日00:00:00 UTC开始计算的毫秒数)来创建Date对象。

const timestamp = 1577808000000;
const date = new Date(timestamp);
console.log(date); //输出2020-01-01T00:00:00.000Z

3. 通过日期字符串创建

可以通过传入一个日期字符串来创建Date对象。

const dateString = '2020/01/01 00:00:00';
const date = new Date(dateString);
console.log(date); //输出2020-01-01T00:00:00.000Z

Date对象的常用方法

Date对象提供了一些常用方法来获取和设置日期和时间。

1. 获取当前时间

可以通过以下方法获取当前时间。

const now = new Date();
const year = now.getFullYear(); //获取当前年份
const month = now.getMonth() + 1; //获取当前月份,月份是从0开始计数,所以要加1
const date = now.getDate(); //获取当前日期
const hour = now.getHours(); //获取当前小时
const minute = now.getMinutes(); //获取当前分钟
const second = now.getSeconds(); //获取当前秒钟
console.log(`${year}-${month}-${date} ${hour}:${minute}:${second}`); //输出当前时间

2. 设置时间

可以通过以下方法设置Date对象的时间。

const now = new Date();
now.setFullYear(2022); //设置年份为2022
now.setMonth(3); //设置月份为4月,因为月份是从0开始计数,所以3表示4月
now.setDate(15); //设置日期为15日
now.setHours(10); //设置小时为10点
now.setMinutes(30); //设置分钟为30分
now.setSeconds(0); //设置秒钟为0
console.log(now); //输出2022-04-15T02:30:00.000Z

Date对象的常用属性

Date对象有一些常用的属性。

1. getTime()

getTime()方法返回从1970年1月1日00:00:00 UTC开始计算的毫秒数。

const now = new Date();
const timestamp = now.getTime();
console.log(timestamp); //输出当前时间的时间戳

2. getDay()

getDay()方法返回星期几,星期日返回0,星期一返回1,以此类推。

const now = new Date();
const dayOfWeek = now.getDay();
console.log(dayOfWeek); //输出当前星期几

示例说明

以下是一个示例,演示如何使用Date对象获取一个特定日期所在星期的周一和周日的日期。

function getWeekRange(date) {
  const startOfWeek = new Date(date);
  startOfWeek.setDate(date.getDate() - date.getDay());

  const endOfWeek = new Date(date);
  endOfWeek.setDate(date.getDate() + (6 - date.getDay()));

  return {
    startOfWeek,
    endOfWeek
  };
}

const date = new Date('2022-05-05');
const week = getWeekRange(date);

console.log(`本周周一: ${week.startOfWeek}`);
console.log(`本周周日: ${week.endOfWeek}`);

输出结果:

本周周一: Mon May 02 2022 00:00:00 GMT+0800 (中国标准时间)
本周周日: Sun May 08 2022 00:00:00 GMT+0800 (中国标准时间)

以上就是关于JavaScript日期Date对象的全面了解的详细讲解和示例说明。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:javascript类型系统——日期Date对象全面了解 - Python技术站

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

相关文章

  • JavaScript 学习笔记之操作符(续)

    JavaScript 学习笔记之操作符(续) 前言 在之前的文章中,我们已经讲解了 JavaScript 中的基本操作符,本文将延续该话题,再次强调一些高级操作符的使用方法。 递增(++)和递减(–) ++ 和 — 操作符用于将变量的值加一或减一。当它们出现在变量前面时,会先进行加减操作,再将修改后的值赋给变量。如果它们出现在变量的后面,则先将变量的值赋…

    JavaScript 2023年5月18日
    00
  • JavaScript数组reduce()方法

    我们来详细讲解一下JavaScript数组reduce()方法的完整攻略。 简介 reduce() 方法是JavaScript数组的一个非常强大的方法,它可以将一个数组中的所有元素依次执行一个回调函数,并将最终结果返回。在实际应用中,这个方法非常多样化,能够应用于各种情景。 基本语法 reduce() 方法的基本语法如下: array.reduce(func…

    JavaScript 2023年5月18日
    00
  • JavaScript Function函数类型介绍

    JavaScript Function函数类型介绍 在 JavaScript 中,函数是一等公民,是最为重要的组成部分之一。JavaScript 函数可以分为函数声明、函数表达式、箭头函数、构造函数等多种类型。本文将结合示例为大家介绍 JavaScript 中常见的函数类型及使用场景。 函数声明 函数声明是一种创建函数的常见方式,它以关键字 function…

    JavaScript 2023年5月27日
    00
  • JavaScript实现随机点名程序

    JavaScript实现随机点名程序的攻略 本篇攻略将介绍如何使用JavaScript编写一个随机点名程序。具体包括以下几个步骤: 准备必要的HTML和CSS代码 编写JavaScript代码 测试程序 准备必要的HTML和CSS代码 随机点名程序需要通过网页来实现。因此,我们可以在HTML中添加一个表单,让用户输入所有参与者的姓名,并添加一个按钮,用于随机…

    JavaScript 2023年5月28日
    00
  • js实现页面跳转的五种方法推荐

    下面是关于“js实现页面跳转的五种方法推荐”的完整攻略。 一、前言 在网页编程中,有时需要通过JavaScript实现页面跳转。本篇文章将介绍常见的五种实现页面跳转的方法,让大家能够实现常用的页面跳转功能。 二、方法一 使用location.href实现页面跳转: location.href = "http://www.example.com&qu…

    JavaScript 2023年6月11日
    00
  • JS用最简单的方法实现四舍五入

    下面是详细讲解“JS用最简单的方法实现四舍五入”的攻略。 1. 方法一:使用Math.round()函数 JS中自带一个方法Math.round(),可以实现四舍五入功能,方法如下: Math.round(x) // x为需要四舍五入的数字 示例代码: var num1 = 12.3; var num2 = 12.6; console.log(Math.ro…

    JavaScript 2023年5月28日
    00
  • 相关JavaScript在览器中实现可视化的四种方式

    相关JavaScript在浏览器端实现可视化有多种方式,其中最常见的四种方式是: Canvas Canvas 是 HTML5 引入的新特性,通过 JavaScript 脚本在网页中绘制图形。 Canvas 使用起来非常的灵活,可以通过设定其宽高,使用 JavaScript 代码控制绘图属性(颜色,形状等)并绘制图形。示例如下: <canvas id=&…

    JavaScript 2023年5月28日
    00
  • js常用节点操作实例总结

    “js常用节点操作实例总结”是一篇介绍JavaScript常见DOM操作的文章,用于指导开发者在前端页面开发中操作DOM元素,实现网页动态交互的效果。以下是完整的攻略: 1. 获取DOM节点 在JavaScript中,首先需要获取目标节点才能对它进行操作。常见的获取DOM节点的方法包括: 1.1 getElementById document.getElem…

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