当前位置：首页 > news >正文

JavaScript：获取当前日期、星期、时间 | Data对象

news 2026/5/13 3:55:58

文章目录

1 Date对象
2 代码示例
3 获取 yyyy-MM-dd 格式的日期

1 Date对象

JavaScript 中的 Date 对象表示日期和时间。Date 对象基于自 1970 年 1 月 1 日 00:00:00 UTC（协调世界时）以来的毫秒数。以下是 Date 对象的一些常用方法和属性。

getFullYear()：获取年份。
getMonth()：获取月份（0-11）。
getDate()：获取日期（1-31）。
getDay()：获取星期几（0-6），0代表周日。
getHours()：获取小时（0-23）。
getMinutes()：获取分钟数（0-59）。
getSeconds()：获取秒数（0-59）。
getTime()：获取表示当前时间的毫秒数。

2 代码示例

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head><body><div id="main"><button>点击获取当前日期</button></div><script>const button = document.querySelector('button');button.addEventListener('click', function () {// 创建Data对象var date = new Date();// 获取年份var year = date.getFullYear();// 获取月份（0-11）var month = date.getMonth() + 1;// 获取日期（1-31）var day31 = date.getDate();// 获取星期几（0-6）var day7 = date.getDay();// 获取小时数（0-23）var hours = date.getHours();// 获取分钟数（0-59）var minute = date.getMinutes();// 获取秒数（0-59）var seconds = date.getSeconds();// 获取自 1970 年 1 月 1 日 00:00:00 UTC（协调世界时）以来的毫秒数var time = date.getTime();console.log("date:",date);console.log("year:",year);console.log("month:",month);console.log("day31:",day31);console.log("day7:",day7);console.log("hours:",hours);console.log("minute:",minute);console.log("seconds:",seconds);console.log("time:",time);//-------------- 将日期转化为字符串 --------------// 获取日期、时间 2023/6/12 10:57:24var str1 = date.toLocaleString();// 获取日期 2023/6/12var str2 = date.toLocaleDateString();// 获取时间 10:57:24var str3 = date.toLocaleTimeString();// 获取日期、时间 Mon Jun 12 2023 10:57:24 GMT+0800 (中国标准时间)var str4 = date.toString();// 获取日期 Mon Jun 12 2023var str5 = date.toDateString();// 获取时间 10:57:24 GMT+0800 (中国标准时间)var str6 = date.toTimeString();console.log("str1:",str1);console.log("str2:",str2);console.log("str3:",str3);console.log("str4:",str4);console.log("str5:",str5);console.log("str6:",str6);});</script>
</body></html>

结果展示：

在这里插入图片描述

3 获取 yyyy-MM-dd 格式的日期

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head><body><div id="main"><button>点击获取当前日期</button></div><script>const button = document.querySelector('button');button.addEventListener('click', function () {// 创建Data对象var date = new Date();// 获取年份var year = date.getFullYear();// 获取月份（0-11）var month = date.getMonth() + 1;// 获取日期（1-31）var day31 = date.getDate();// 对月份进行处理，1-9月在前面添加一个“0”if (month >= 1 && month <= 9) { month = "0" + month;}//对日期进行处理，1-9日在前面添加一个“0”if (day31 >= 0 && day31 <= 9) { day31 = "0" + day31;}var seperator = "-"; //添加分隔符“-”var strDate = year + seperator + month + seperator + day31;console.log("yyyy-MM-dd：",strDate);});</script>
</body></html>

打印输出：

yyyy-MM-dd： 2023-06-12

JavaScript：获取当前日期、星期、时间 | Data对象

文章目录 1 Date对象2 代码示例3 获取 yyyy-MM-dd 格式的日期 1 Date对象 JavaScript 中的 Date 对象表示日期和时间。Date 对象基于自 1970 年 1 月 1 日 00:00:00 UTC（协调世界时）以来的毫秒数。以下是 Date 对象的一些常用方法和属性。 getFullYear…...

编程日记 2023/6/12 15:15:57

Cadence原理图快速查找元器件的方法

1.Cadence原理图快速查找元器件的方法 ①在红框中输入元器件编号，点击望远镜的图标在底下的状态栏可看到查找到的相关元器件，点击元器件可自动定位当前元器件的位置。 ②点击hierarchy（层）可自主查找，找到后点击序号即…...

编程日记 2023/6/12 15:10:56

科目二调整座椅

靠背倾角座椅高低座椅前后用手抬起座椅前的横杠，让座椅向后移动方便上车靠背左侧，向后扳扳杠调整倾角座椅左侧，上下扳动调整高低头顶距车顶有一拳的距离座椅前横杠一只手提起横杠另一只手握住方向盘前拉、后推调整到合适位置&#xff0c…...

编程日记 2023/6/12 15:05:55

02.加载GDT表，进入保护模式

加载GDT表，进入保护模式加载GDT表，实现操作系统从实模式进入保护模式参考操作系统学习 — 启动操作系统：进入保护模式保护模式与实模式 GDT、GDTR、LDT、LDTR 调用门与特权级趣谈 Linux 操作系统在01.硬盘启动盘，加载操作系…...

编程日记 2023/6/12 15:00:54

MySQL(进阶篇3.0)

锁锁是计算机协调多个进程或线程并发访问某一资源的机制。在数据库中，除传统的计算机资源（CPU、RAM、I/O）的争用之外，数据也是一种供许多用户共享的资源。如何保证数据并发访问的一致性、有效性是所有数据库必须解决的一个问题&…...

编程日记 2023/6/12 14:55:52

2023.6.8小记——嵌入式系统初识、什么是ARM架构？

今天还挺充实的，早上在图书馆本来想学一下notion，结果看李沐老师的动手深度学习看到十点半，在电脑上配置了李沐老师的d2l和jupyter，等后续有时间的时候再继续学。下午看了一下notion的使用方法，这玩意初学者用起来是…...

编程日记 2023/6/12 14:50:51

分布式运用之ELK企业级日志分析系统

1.ELK的相关知识 1.1 ELK的概念与组件 ELK平台是一套完整的日志集中处理解决方案，将 ElasticSearch、Logstash 和 Kiabana 三个开源工具配合使用， 完成更强大的用户对日志的查询、排序、统计需求。 ElasticSearch： 是基于Lucene&#xff08…...

编程日记 2023/6/12 14:45:50

【华为OD机试真题 C语言】8、停车场车辆统计 | 机试真题+思路参考+代码解析

文章目录一、题目🎃题目描述🎃输入输出🎃样例1🎃样例2 二、思路参考三、代码参考🏆C语言作者：KJ.JK 🍂个人博客首页： KJ.JK 🍂专栏介绍： 华为OD机试真题汇…...

编程日记 2023/6/12 14:40:49

c++ MES 对接(XML、JSON、SOAP）

🗑️ 清空 //MES系统对接可以使用多种协议，包括XML、JSON和SOAP等。 //以下是使用C语言进行MES系统对接的示例代码： //1. XML协议对接： //c #include <iostream> #include <string> #include <vector> #incl…...

编程日记 2023/6/12 14:35:48

idea导入java web项目带jar

可参考：idea导入Javaweb项目_小黑cc的博客-CSDN博客配置tomcat 加载项目jar依赖最后点ok，tomcat启动 jsp页面的项目，必须要加载这两个jar包...

编程日记 2023/6/12 14:30:47

【第55天|● 392.判断子序列 ● 115.不同的子序列】

392.判断子序列 class Solution { public:bool isSubsequence(string s, string t) {if(s.size()0)return true;if(t.size()0) return false;vector<bool> dp(t.size()1, true);for(int i0; i<s.size(); i){for(int jt.size(); j>0; j--){if(s[i]t[j-1]&&…...

编程日记 2023/6/12 14:25:46

Dockerfile创建镜像

一、Docker镜像的创建创建镜像有三种方法，分别为【基于已有镜像创建】、【基于本地模板创建】以及【基于Dockerfile创建】。 1.1 基于现有镜像创建 （1）首先启动一个镜像，在容器里做修改docker run -it centos:7 /bin/bash …...

编程日记 2023/6/12 14:20:45

基于 opencv 的人脸识别上课考勤系统，附源码，可作为毕业设计

一、简介这个人脸识别考勤签到系统是基于大佬的人脸识别陌生人报警系统二次开发的。项目使用Python实现，基于OpenCV框架进行人脸识别和摄像头硬件调用，同时也用OpenCV工具包处理图片。交互界面使用pyqt5实现。该系统实现了从学生信息输入、人脸数据…...

编程日记 2023/6/12 14:15:44

.editorconfig 配置

有人会问：既然项目已经使用了 eslint 和 prettier，为什么还需要 EditorConfig？ 为什么需要 EditorConfig？ .editorconfig 是一个用于定义和维护跨不同编辑器和开发环境的一致编码样式的文件。它可以确保整个团队在使用不同编辑器…...

编程日记 2023/6/12 14:10:43

Spring 高级依赖注入 —— Bean的延迟依赖查找功能，ObjectFactory 和 ObjectProvider

介绍首先明确一下什么是延迟查找，一般来说通过Autowired注解注入一个具体对象的方式是属于实时依赖查找，注入的前提是要保证对象已经被创建。而使用延迟查找的方式是我可以不注入对象的本身，而是通过注入一个代理对象，在需要用到…...

编程日记 2023/6/12 14:05:42

VSCode--Config

1. basic 1.1 调整字体 1.2 调整 remote login 输入框都在 TERMINAL 中实现 1.3 界面设置成中文安装插件： 然后配置即可。 2.Linux 2.1 Install 2.1.1 offline Install vscode server 问题描述内网开发，vscode 自身通过代理安装完 remote 插件后…...

编程日记 2023/6/12 14:00:40

代码随想录刷题第48天|LeetCode198打家劫舍、LeetCode213打家劫舍II、LeetCode337打家劫舍III

1、LeetCode198打家劫舍题目链接：198、打家劫舍 1、dp[i]：考虑下标i（包括i）以内的房屋，最多可以偷窃的金额为dp[i]。 2、递推公式： 如果偷第i房间，那么dp[i] dp[i - 2] nums[i] &#xf…...

编程日记 2023/6/12 13:55:39

C# NTS 获取MuliiLineString中的所有线

/// <summary>/// 获取多段线的所有线/// </summary>/// <param name"ml"></param>/// <returns></returns>public static List<LineString> GetLineStrings(this MultiLineString ml){List<LineString> lineString…...

编程日记 2023/6/12 13:50:39

CodeWhisperer插件使用体验

官方教程点击跳转使用工具 1.vscode 2.插件(AWS Toolkit),免费使用安装以后如何使用 1.首先要有一个aws账号 2.插件下载好以后登录aws账号，我们主要用这款插件的CodeWhisperer这个功能，其它的自行看官方教程了解。注意事项：我们在从vs…...

编程日记 2023/6/12 13:45:38

机器学习笔记 - 多实例学习（MIL）弱监督学习

一、多实例学习概述多实例学习（MIL）是一种弱监督学习形式，其中训练实例被排列在称为袋的集合中，并为整个袋提供标签。这种方式越来越受到人们的关注，因为它自然适合各种问题，并允许利用弱标记数据。因此，它被应用于计算机视觉和文档分类等不同的应用领域。多实例学习（…...

编程日记 2023/6/12 13:40:37

Gemini3.1Pro发布：多模态AI再进化

如果你最近也在跟踪 2026 年的 AI 动态，应该会发现一个很明显的变化：大模型的竞争重点，已经从“会不会生成内容”，转向“能不能真正理解复杂任务并参与工作流”。像KULAAI（dl.877ai.cn） 这类 AI 聚合平台&a…...

编程新知 2026/5/13 3:55:35

《蔚蓝档案》主题鼠标指针：从设计到安装的完整指南

1. 项目概述：为你的桌面注入《蔚蓝档案》的活力如果你和我一样，既是《蔚蓝档案》的玩家，又是个喜欢折腾桌面美化的爱好者，那么看到一套高质量的游戏主题鼠标指针，那种“必须拥有”的心情我完全理解。今天要聊的这个项目…...

编程新知 2026/5/13 2:55:25

VSCode毛玻璃效果实现：CSS backdrop-filter原理与性能调优指南

1. 项目概述：当代码编辑器遇上毛玻璃美学如果你和我一样，每天有超过8小时的时间是在Visual Studio Code（以下简称VSCode）中度过的，那么你肯定不止一次地折腾过它的主题和外观。从默认的深色主题到各种炫酷的Material D…...

编程新知 2026/5/13 2:53:24

统一AI编程助手配置：使用agent-anatomy提升开发效率与一致性

1. 项目概述：一个配置文件夹，统一所有AI编程助手如果你和我一样，日常开发中会同时使用Claude Code、Cursor、GitHub Copilot等多个AI编程助手，那你一定也经历过同样的烦恼：每个助手都需要自己独立的配置文件。今天要介…...

编程新知 2026/5/13 2:32:12

200+ 发音人怎么缩小范围：先定风格再试听

🎯 200 发音人怎么缩小范围：先定风格再试听面对顶伯文字转语音工具中超过 200 种发音人，选择困难症难免发作。😵 别急，掌握「先定风格再试听」的筛选逻辑，就能快速锁定目标。本文从风格分类、筛选技巧到…...

编程新知 2026/5/13 1:41:37

ComfyUI-WanVideoWrapper：一站式AI视频生成插件解决方案

ComfyUI-WanVideoWrapper：一站式AI视频生成插件解决方案【免费下载链接】ComfyUI-WanVideoWrapper 项目地址: https://gitcode.com/GitHub_Trending/co/ComfyUI-WanVideoWrapper ComfyUI-WanVideoWrapper是一个专为ComfyUI设计的视频生成插件包装器&#x…...

编程新知 2026/5/13 0:36:28

Cursor Pro免费升级完整指南：3分钟突破使用限制的实用教程

Cursor Pro免费升级完整指南：3分钟突破使用限制的实用教程【免费下载链接】cursor-free-vip [Support 0.45]（Multi Language 多语言）自动注册 Cursor Ai ，自动重置机器ID ， 免费升级使用Pro 功能: Youve reached your…...

编程新知 2026/5/12 23:33:50