使用js获取当前年月日的方法及格式整理汇总

下面为大家详细讲解如何使用JS获取当前年月日的方法及格式整理汇总。

方法及格式整理汇总

方法一:new Date()方法

使用new Date()方法可以获取当前时间,该方法返回表示当前本地时间的新 Date 对象。

const now = new Date(); 
const year = now.getFullYear(); // 年
const month = now.getMonth() + 1; // 月
const date = now.getDate(); // 日

console.log(`${year}-${month}-${date}`); // 2022-5-7

方法二:Date.now()方法

使用Date.now()方法可以获取自1970年1月1日0时0分0秒以来的当前时间(毫秒)。

const timestamp = Date.now();
const date = new Date(timestamp); 
const year = date.getFullYear(); // 年
const month = date.getMonth() + 1; // 月
const day = date.getDate(); // 日

console.log(`${year}年${month}月${day}日`); // 2022年5月7日

方法三:moment.js库

moment.js是一个第三方库,可以简化日期格式化,计算时间差等操作。需要先安装moment.js库(npm install moment)。

const moment = require('moment');

moment.locale('zh-cn'); // 设置语言为中文

console.log(moment().format('YYYY年MM月DD日')); // 2022年5月7日

格式说明

标准语法

符号 定义
YYYY 4位数字形式的完整年份
YY 2位数字形式的年份
MM 数字形式的月份,有前导零
M 数字形式的月份,没有前导零
DD 数字形式的日期,有前导零
D 数字形式的日期,没有前导零

常用语法

符号 定义
YYYY-MM-DD 年-月-日
YYYY/MM/DD 年/月/日
YYYY年MM月DD日 年月日中文格式
YYYY年MM月 年月中文格式
MM/DD/YYYY 月/日/年
D/M/YYYY 日期忽略前导零

示例说明

现在假设我们需要获取明天的日期。

const now = new Date(); 
const tomorrow = new Date(+now+86400000);
const year = tomorrow.getFullYear(); // 年
const month = tomorrow.getMonth() + 1; // 月
const date = tomorrow.getDate(); // 日

console.log(`${year}-${month}-${date}`); // 2022-5-8

以上示例是使用方法一new Date()方法获取。可以看出,很容易就求出明天的年月日,只需要将当前时间加86400000毫秒(一天毫秒数)即可。

再看一个需求,需要显示本周一日期。

const now = new Date(); 
const weekIndex = now.getDay(); // 获取当前星期几
const monday = new Date(now-((weekIndex-1)*86400000));
const year = monday.getFullYear(); // 年
const month = monday.getMonth() + 1; // 月
const date = monday.getDate(); // 日

console.log(`${year}-${month}-${date}`); // 2022-5-2

以上示例同样是使用方法一new Date()方法获取,先获取当前星期几的数字形式,再用当天减去星期几的天数乘以86400000(一天毫秒数),即可得到本周一日期。

以上就是使用JS获取当前年月日的方法及格式整理汇总的完整攻略,希望对大家有所帮助。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:使用js获取当前年月日的方法及格式整理汇总 - Python技术站

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

相关文章

  • webpack output.library的16 种取值方法示例

    下面我将为你详细讲解关于“webpack output.library的16种取值方法示例”的完整攻略。 首先,我们需要了解output.library的含义。output.library是指将你的一些 JavaScript 代码打包到一个或多个库(library)中,使得其在浏览器环境或 Node.js 环境中能够被其他地方引用和使用。它的取值方式是一个字…

    JavaScript 2023年6月10日
    00
  • javascript 事件加载与预加载

    JavaScript 事件加载及预加载是前端开发中非常重要的一环。在页面的交互和性能优化方面起着至关重要的作用。接下来,我将为你讲解一下 JavaScript 事件加载与预加载的完整攻略。 什么是 JavaScript 事件加载? 在简单介绍 JavaScript 事件加载之前,先简单了解一下浏览器渲染页面的过程。 解析 HTML 结构 加载 CSS 加载 …

    JavaScript 2023年6月10日
    00
  • JavaScript中错误正确处理方式小结你用对了吗

    让我来详细讲解一下 “JavaScript中错误正确处理方式小结你用对了吗” 这个话题。 标题 JavaScript中错误正确处理方式小结你用对了吗 简介 在JavaScript中,错误处理一直是一个非常重要的主题。如果没有适当的错误处理,代码可能会运行失败或者执行不完整。因此,正确处理错误是每个JavaScript开发人员的必修课程。 常见错误类型 在Ja…

    JavaScript 2023年5月28日
    00
  • Javascript读取cookie函数代码

    下面我为您讲解如何编写Javascript读取cookie函数代码的完整攻略。 第一步:创建函数 首先,我们需要创建一个读取cookie值的函数。可以按照以下方法编写: function getCookie(name) { var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(…

    JavaScript 2023年6月11日
    00
  • js通过八个点 拖动改变div大小的实现方法

    下面是“JS通过八个点拖动改变div大小的实现方法”的完整攻略。 1. 需求分析 我们需要实现一个可以通过拖动八个点来改变一个 div 元素的大小的功能。最好的做法是使用原生 JavaScript 实现,而不是使用第三方类库,这样我们可以更好地理解背后的实现原理。 2. HTML 结构 首先,我们需要准备一个 div 元素,用于展示效果。具体的实现方法是通过…

    JavaScript 2023年6月11日
    00
  • js获取json中key所对应的value值的简单方法

    要想获取JSON数据中某个key对应的value值,可以使用JavaScript中JSON对象的相关方法来实现。下面是两种简单的方法: 方法一:使用点语法 如果你知道JSON数据中具体的key名字,可以使用点语法(.)获取其对应的value值。例如,下面是一个包含两个key值对(name和age)的JSON对象: { "name": &q…

    JavaScript 2023年5月27日
    00
  • js从Cookies里面取值的简单实现

    首先我们需要了解一下Cookie的一些基本知识。Cookie是浏览器用于存储信息的一种机制,通常用于存储用户登录状态、网站偏好设置等数据。在JavaScript中,我们可以使用document.cookie来读取和设置Cookie。 下面是使用JavaScript从Cookie中取值的简单实现: 首先,我们需要获取Cookie字符串。可以使用document…

    JavaScript 2023年6月11日
    00
  • 详解JS WebSocket断开原因和心跳机制

    详解JS WebSocket断开原因和心跳机制 WebSocket 是一个重要的协议,可在浏览器和服务器之间双向通信,且具有较低的延迟和较高的带宽利用率。但是,在实际应用中,WebSocket 经常会由于各种原因而断开连接,为此,我们需要对 WebSocket 的断开原因和心跳机制做详细了解。 WebSocket断开原因 1. 服务器主动关闭 服务器端主动关…

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