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

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

news 2026/3/27 15:10:59

文章目录

  • 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&#xff08;协调世界时&#xff09;以来的毫秒数。以下是 Date 对象的一些常用方法和属性。 getFullYear…...

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

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

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

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

科目二 调整座椅

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

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

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

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

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

MySQL(进阶篇3.0)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

idea导入java web项目带jar

可参考&#xff1a;idea导入Javaweb项目_小黑cc的博客-CSDN博客 配置tomcat 加载项目jar依赖 最后点ok&#xff0c;tomcat启动 jsp页面的项目&#xff0c;必须要加载这两个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镜像的创建 创建镜像有三种方法&#xff0c;分别为【基于已有镜像创建】、【基于本地模板创建】以及【基于Dockerfile创建】。 1.1 基于现有镜像创建 &#xff08;1&#xff09;首先启动一个镜像&#xff0c;在容器里做修改docker run -it centos:7 /bin/bash …...

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

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

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

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

.editorconfig 配置

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

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

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

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

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

VSCode--Config

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

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

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

1、LeetCode198打家劫舍 题目链接&#xff1a;198、打家劫舍 1、dp[i]&#xff1a;考虑下标i&#xff08;包括i&#xff09;以内的房屋&#xff0c;最多可以偷窃的金额为dp[i]。 2、递推公式&#xff1a; 如果偷第i房间&#xff0c;那么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账号&#xff0c;我们主要用这款插件的CodeWhisperer这个功能&#xff0c;其它的自行看官方教程了解。 注意事项&#xff1a;我们在从vs…...

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

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

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

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

4步构建高效视频处理流水线：VideoFusion全功能指南

4步构建高效视频处理流水线&#xff1a;VideoFusion全功能指南 【免费下载链接】VideoFusion 一站式短视频拼接软件 无依赖,点击即用,自动去黑边,自动帧同步,自动调整分辨率,批量变更视频为横屏/竖屏 项目地址: https://gitcode.com/gh_mirrors/vi/VideoFusion 功能特性…...

编程新知 2026/3/27 15:00:49

Python 字典遍历全攻略：5 种常用方法 + 性能对比 + 实战优化技巧

在 Python 开发中&#xff0c;字典&#xff08;dict&#xff09; 是最常用的数据结构之一&#xff0c;以键值对形式存储数据&#xff0c;具备查询快、易操作的特点。而字典的遍历是日常开发中高频操作 —— 从简单的数据读取&#xff0c;到大规模数据处理、接口返回值解析&…...

编程新知 2026/3/27 14:22:23

Comsol流固耦合分析中的达西定律模块与固体力学模块的应用

Comsol流固耦合注浆及冒浆分析 采用其中达西定律模块及固体力学模块&#xff0c;通过建立质量源项、体荷载等实现上述考虑渗流场与结构场流固耦合理论方程的嵌入。在COMSOL里玩流固耦合就像给工程问题装了个动态CT扫描仪。最近在搞注浆冒浆模拟时发现&#xff0c;把达西渗流和固…...

编程新知 2026/3/27 14:18:16

手把手教你用MP2144搭建超低功耗单键开关机电路（含单片机代码）

超低功耗单键开关机电路设计与实现指南 在电池供电的嵌入式设备中&#xff0c;电源管理往往是决定产品续航能力的关键因素。想象一下&#xff0c;当你精心设计的智能手表因为待机功耗过高而需要频繁充电&#xff0c;或者户外传感器因为电源管理不当而提前耗尽电量——这些场景凸…...

编程新知 2026/3/27 14:07:32

数字图书馆下载工具：高效获取策略与跨平台使用方案

数字图书馆下载工具&#xff1a;高效获取策略与跨平台使用方案 【免费下载链接】internet_archive_downloader A chrome/firefox extension that download books from Internet Archive(archive.org) and HathiTrust Digital Library (hathitrust.org) 项目地址: https://git…...

编程新知 2026/3/27 13:57:15

PCB数据处理利器：从安装到实战的全方位指南

PCB数据处理利器&#xff1a;从安装到实战的全方位指南 【免费下载链接】pcb-tools Tools to work with PCB data (Gerber, Excellon, NC files) using Python. 项目地址: https://gitcode.com/gh_mirrors/pc/pcb-tools 1. 项目价值解析 PCB Tools作为一款专注于印制电…...

编程新知 2026/3/27 13:57:15

毕业论文神器 2026 降AI率平台推荐：工具对比+最好用AI推荐

2026年真正好用的AI论文降重与改写工具&#xff0c;核心看降重效果、去AI味、格式保留、学术适配四大指标。综合实测&#xff0c;千笔AI、ThouPen、豆包、DeepSeek、Grammarly 是当前最值得推荐的梯队&#xff0c;覆盖从免费到付费、从中文到英文、从文科到理工的全场景需求。 …...

编程新知 2026/3/27 13:47:13

Beyond Compare 5密钥生成器：专业文件对比工具的永久激活方案

Beyond Compare 5密钥生成器&#xff1a;专业文件对比工具的永久激活方案 【免费下载链接】BCompare_Keygen Keygen for BCompare 5 项目地址: https://gitcode.com/gh_mirrors/bc/BCompare_Keygen 你是否正在为Beyond Compare 5的30天评估期到期而烦恼&#xff1f;这款…...

编程新知 2026/3/27 13:35:10

SpringBoot+Vue社区老年人帮扶系统源码+论文

代码可以查看文章末尾⬇️联系方式获取&#xff0c;记得注明来意哦~&#x1f339; 分享万套开题报告任务书答辩PPT模板 作者完整代码目录供你选择&#xff1a; 《SpringBoot网站项目》1800套 《SSM网站项目》1500套 《小程序项目》1600套 《APP项目》1500套 《Python网站项目》…...

编程新知 2026/3/27 13:06:55

AR.js终极指南：在Web浏览器中实现高效增强现实的完整解决方案

AR.js终极指南&#xff1a;在Web浏览器中实现高效增强现实的完整解决方案 【免费下载链接】AR.js Image tracking, Location Based AR, Marker tracking. All on the Web. 项目地址: https://gitcode.com/gh_mirrors/arj/AR.js AR.js是一个轻量级JavaScript库&#xff0…...

编程新知 2026/3/27 12:54:53