js获取本日、本周、本月的时间代码

yizhihongxing

下面是获取本日、本周、本月的时间代码的完整攻略。

获取本日时间代码

我们可以使用JavaScript Date对象中的方法获取当前本日的时间。首先,我们需要创建一个Date对象,然后使用该对象的方法获取日期、月份和年份。下面是示例代码:

const today = new Date();
const year = today.getFullYear();
const month = today.getMonth() + 1; // getMonth() 返回 0-11,因此需要加1
const day = today.getDate();
const todayStr = `${year}-${month}-${day}`;
console.log(todayStr); // 输出格式为 2022-01-01 的日期字符串

在上面的示例代码中,我们使用了new Date()方法创建一个Date对象,并使用getFullYear()getMonth()getDate()方法获取本日的年、月、日信息。最后,我们使用字符串模板拼接这些信息,并输出格式为"YYYY-MM-DD"的字符串。

获取本周时间代码

要获取本周的时间代码,我们需要先获取本周的第一天和最后一天的日期。我们可以使用Date对象的getDay()方法获取当前星期几,然后通过计算获取本周的第一天和最后一天的日期。下面是示例代码:

const now = new Date();
const year = now.getFullYear();
const month = now.getMonth() + 1;
const date = now.getDate();
const day = now.getDay();
const start = new Date(year, month - 1, date - day);
const end = new Date(year, month - 1, date + (6 - day));
const startDateStr = `${start.getFullYear()}-${start.getMonth() + 1}-${start.getDate()}`;
const endDateStr = `${end.getFullYear()}-${end.getMonth() + 1}-${end.getDate()}`;
console.log(startDateStr); // 输出格式为 2022-01-02 的日期字符串
console.log(endDateStr); // 输出格式为 2022-01-08 的日期字符串

在上面的示例代码中,我们首先获取当前时间的年、月、日和星期几。接着,使用getDay()方法获取当前是周几,再进行计算得出本周的第一天和最后一天的日期,最后通过字符串模板拼接输出格式为"YYYY-MM-DD"的字符串。

获取本月时间代码

获取本月的时间代码相对比较简单。我们只需要使用Date对象的getFullYear()getMonth()方法获取当前年和月份信息,然后拼接成格式为"YYYY-MM"的字符串即可。下面是示例代码:

const now = new Date();
const year = now.getFullYear();
const month = now.getMonth() + 1;
const monthStr = month < 10 ? `0${month}` : `${month}`;
const thisMonthStr = `${year}-${monthStr}`;
console.log(thisMonthStr); // 输出格式为 2022-01 的日期字符串

在上面的示例代码中,我们首先获取当前的年和月份,然后判断是否小于10,如果小于10就在前面加一个"0",最后通过字符串模板拼接输出格式为"YYYY-MM"的字符串。

以上就是获取本日、本周、本月的时间代码的完整攻略,希望能够帮助到你。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:js获取本日、本周、本月的时间代码 - Python技术站

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

相关文章

  • JS弹出新窗口被拦截的解决方法

    JS弹出新窗口的功能是在网页中常用的,但在很多情况下,弹出的新窗口会被浏览器的弹窗拦截器所拦截,导致网页运行结果不如预期。本篇攻略将会提供几种JS弹窗被拦截的解决方法。 一、使用window.open()打开新窗口 常规的弹出新窗口实现方式是使用window.open()方法,在这种情况下,浏览器的弹窗拦截器很容易就将其拦截。为了避免这种情况,我们可以设定新…

    JavaScript 2023年6月11日
    00
  • 用js实现计算加载页面所用的时间

    实现计算加载页面所用的时间,需要以下步骤: 在页面 head 中添加一个名为 startTime 的脚本,如下所示: <head> <script> var startTime = new Date().getTime(); </script> </head> 此代码将会在页面开始加载时记录下当前时间的毫秒数。…

    JavaScript 2023年5月27日
    00
  • 服务端预渲染之Nuxt(使用篇)

    服务端预渲染(Server-Side Rendering,SSR)是一种Web应用程序的开发方法,它将初始HTML和渲染的JavaScript发送给客户端,而不是在客户端浏览器中使用JavaScript再进行处理和渲染。 Nuxt.js是一个基于Vue.js的应用框架,它专注于提供一个开箱即用的服务器渲染体验。Nuxt.js 可以帮助我们快速开发、部署 Vu…

    JavaScript 2023年6月11日
    00
  • JavaScript this指向相关原理及实例解析

    JavaScript this指向相关原理及实例解析 JavaScript 中的 this 关键字是一个引起很多初学者困惑的概念。它被用来引用运行时上下文中的当前对象,但是在不同的语法结构和调用方式下,其指向的对象也会发生改变。本文将详细讲解 JavaScript 中 this 的指向原理及实例解析。 什么是 this? 在 JavaScript 中,thi…

    JavaScript 2023年6月11日
    00
  • JavaScript变量基本使用方法实例分析

    首先我们需要理解什么是JavaScript变量,变量是一个容器,用于存储数据值。在JavaScript中创建变量时需要使用var、let或const关键字进行声明。 声明变量 var变量 使用var声明的变量在声明的时候没有值,我们可以在后面对其进行赋值,也可以在声明时直接赋值。var有全局作用域和函数作用域两种,而且var可以被重复声明。 var a = …

    JavaScript 2023年5月27日
    00
  • SSM框架整合JSP中集成easyui前端ui项目开发示例详解

    我将详细讲解“SSM框架整合JSP中集成easyui前端ui项目开发示例详解”的完整攻略。 SSM框架整合JSP中集成easyui前端ui项目开发示例详解 简介 本文将介绍如何在使用SSM框架的JSP项目中集成easyui前端UI,从而开发出更为美观的前端页面。 准备工作 在开始前,需要确保已经完成以下准备工作: 了解SSM框架的基本概念和配置方法。 了解e…

    JavaScript 2023年6月11日
    00
  • javascript基础知识大全 便于大家学习,也便于我自己查看

    JavaScript基础知识大全攻略 介绍 JavaScript作为一种强大的脚本语言,已经成为web开发过程中必不可少的一部分。JavaScript语言的优势是允许网页载入其他的脚本来改变客户端的样式、行为和响应,达到动态网页的效果。本文档主要目的是为了大家提供一份JavaScript的基础知识手册,便于大家学习,也便于作者自己查看。 语法 JavaScr…

    JavaScript 2023年5月18日
    00
  • 在Web关闭页面时发送Ajax请求的实现方法

    实现在Web关闭页面时发送Ajax请求,通常需要借助onbeforeunload事件。onbeforeunload事件是一个在页面卸载前触发的事件,在该事件中可以执行一些异步请求的逻辑,实现在页面关闭前的相关操作。 下面是实现在Web关闭页面时发送Ajax请求的步骤: 1.绑定onbeforeunload事件 window.onbeforeunload = …

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