前端常用时间操作汇总

(1)获取中国标准时间:

let now = new Date();
​
// Thu Nov 14 2024 17:13:49 GMT+0800 (中国标准时间)

(2)获取年份:

let year = now.getFullYear();
​
// 2024

(3)获取月份:

let month = now.getMonth() + 1; // 加1因为月份是从0开始的
​
// 11

(4)获取日期

let day = now.getDate();
​
// 11

(5)获取时:

let hour = now.getHours();
​
// 17

(6)获取分:

let minute = now.getMinutes();
​
// 19

(7)获取秒:

let second = now.getSeconds();
​
// 56

(8)获取时间戳:

let timestamp = now.getTime();
​
// 1731576050974

(9)根据时间戳转为中国标准时间:

let date = new Date(1731576050974);
​
// Thu Nov 14 2024 17:20:50 GMT+0800 (中国标准时间)

(10)比较时间大小:

let a = '2024-10-12 12:14:56';
let now = new Date();
let result = a > b;
​
// false

(11)当前时间加三天:

const threeDay = now.setDate(now.getDate() + 3);  // 3天后到期
​
// 1731576503162

(12)el-date-picker组件限制可选范围:

1、限制只能选当前及之后的时间

:picker-options=" {disabledDate: (time) => {return time.getTime() < Date.now() - 1 * 24 * 60 * 60 * 1000;}
}"  

2、限制规定时间之前都不能选

:picker-options=" {disabledDate: (time) => {return time.getTime() < new Date('1999-12-31').getTime();}
}" 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/diannao/60228.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【Windows erver】配置高性能电源管理

操作场景 在 Windows Server 操作系统上&#xff0c;需要配置高性能电源管理&#xff0c;才能支持实例软关机&#xff0c;否则云服务器控制台只能通过硬关机的方式关闭实例。本文档以 Windows Server 2012 操作系统为例&#xff0c;介绍配置电源管理的方法。 操作说明 修改电…

《线性代数》学习笔记

列向量无关 上个星期继续学线性代数&#xff0c;一个矩阵&#xff0c;如何判断它是的列向量有几个是线性无关呢&#xff1f;其实有好几个方法。第一个就是一个一个判断。 先选定一个&#xff0c;然后看下这两个&#xff0c;怎么看呢&#xff1f;如果两个列向量线性相关&#…

【JAVA基础】MAVEN的安装及idea的引用说明

本篇文章主要讲解&#xff0c;maven的安装及集成在idea中进行构建项目的详细操作教程。 日期&#xff1a;2024年11月11日 作者&#xff1a;任聪聪 所需材料&#xff1a; 1、idea 2024版本及以上 2、maven 3.9.9安装包 3、一个空java springBoot项目&#xff0c;可以使用阿里云…

Rust学习(二):rust基础语法Ⅰ

Rust学习&#xff08;二&#xff09;——rust基础语法Ⅰ&#xff1a; 1、关键字&#xff1a; 了解编程语言的同学都清楚&#xff0c;关键字在一门编程语言中的意义&#xff0c;所谓关键字就是语言的创造者及后续开发者们&#xff0c;以及定义好的具有特殊含义和作用的单词&am…

AI变现,做数字游民

在数字化时代&#xff0c;AI技术的迅猛发展不仅改变了各行各业的生产方式&#xff0c;还为普通人提供了前所未有的变现机会。本文将探讨如何利用AI技术实现变现&#xff0c;成为一名数字游民&#xff0c;享受自由职业带来的便利与乐趣。 一、AI技术的变现潜力 AI技术以其强大…

解非线性方程

实验类型&#xff1a;●验证性实验 ○综合性实验 ○设计性实验 实验目的&#xff1a;进一步熟练掌握解非线性方程的二分法算法、牛顿迭代法&#xff0c;提高编程能力和解算非线性方程问题的实践技能。 实验内容&#xff1a;用二分法算法(取[a,b][1,2])、牛顿迭代法解算非线性…

详细分析Guava库中的注解@VisibleForTesting,用于标记提醒私有(附Demo)

目录 前言1. 基本知识2. Demo 前言 对于Java基本知识推荐阅读&#xff1a; java框架 零基础从入门到精通的学习路线 附开源项目面经等&#xff08;超全&#xff09;【Java项目】实战CRUD的功能整理&#xff08;持续更新&#xff09; 从实战中学习&#xff1a; 源码如下&…

Ubuntu 22.04.5 配置vlan子接口和网桥

使用bond为物理接口&#xff0c;bond配置可以参考&#xff1a;https://blog.csdn.net/qq_50247813/article/details/143630081 实验一、配置vlan子接口 创建bond0&#xff0c;模式为802.3ad&#xff1b;从网卡&#xff0c;ens37&#xff0c;ens38&#xff0c;添加子接口 bond0.…

Hadoop(YARN)

文章目录 YARN基础架构YARN工作原理YARN调度器和调度算法先进先出调度器容量调度器公平调度器 YARN常用命令 YARN基础架构 YARN是Hadoop集群的资源管理和调度系统&#xff0c;它负责为各种分布式计算任务分配和管理资源,包含以下组件&#xff1a;ResourceManager&#xff0c;N…

【GoWeb示例】通过示例学习 Go 的 Web 编程

文章目录 你好世界HTTP 服务器路由&#xff08;使用 gorilla/mux&#xff09;连接到 MySQL 数据库MySQL 数据库简单操作模板静态资源和文件操作表单处理中间件&#xff08;基础&#xff09;中间件&#xff08;高级&#xff09;会话JSONWebsockets密码哈希 你好世界 Go语言创建…

【C语言】Union

一.Union的用法 1.什么是Union? union 共用体名{ 成员列表 }; union&#xff0c;“联合体、共用体”&#xff0c;在某种程度上类似结构体struct的一种数据结构&#xff0c;共用体(union)和结构体(struct)同样可以包含很多种数据类型和变量。 2.为什么使用union&#xff1…

2024最新版JavaScript逆向爬虫教程-------基础篇之Chrome开发者工具学习

目录 一、打开Chrome DevTools的三种方式二、Elements元素面板三、Console控制台面板四、Sources面板五、Network面板六、Application面板七、逆向调试技巧7.1 善用搜索7.2 查看请求调用堆栈7.3 XHR 请求断点7.4 Console 插桩7.5 堆内存函数调用7.6 复制Console面板输出 工欲善…

Debezium日常分享系列之:异步 Debezium 嵌入式引擎

Debezium日常分享系列之&#xff1a;异步 Debezium 嵌入式引擎 动机目标非目标保留Kafka Connect模型计划的更改线程池并行运行源任务存储偏移量并发处理CDC事件禁用CDC事件的完全排序自定义记录处理器并行处理记录的选项存储偏移量引擎状态和生命周期防止资源泄漏异常处理退出…

大数据学习12之HBase

1.基本概念 1.1简介 Apache HBase&#xff08;Hadoop DataBase&#xff09;是一个开源的、高可靠性、高性能、面向列&#xff08;这里指列族&#xff0c;非列式存储&#xff09;、可伸缩、实时读写的分布式数据库&#xff0c;其设计思想来源于 Google 的 BigTable 论文。利用 …

POP3、SMTP、FTP、HTTP、BGP、DNS、DHCP、RIP、Ping、Traceroute

POP3 全称&#xff1a;Post Office Protocol 3&#xff0c;即邮局协议第3版。 作用&#xff1a;主要用于电子邮件系统中从邮件服务器检索电子邮件至本地客户端应用程序。它是互联网中最传统的邮件接收协议之一。 工作方式&#xff1a;允许用户通过客户端软件&#xff08;如Ou…

vue之组件网站(后续补)

vue移动端 Vant 4 NutUI cube-ui vue电脑端 Element Plus OpenTiny Arco Design Ant Design Vue Vuetify Naive UI react移动端 Ant Design NutUI react vant

(Go基础)Go的运行流程步骤与包的概念

1. 快速入门 所有的go开发&#xff0c;都必须存在并包含在某一个包内 .go 是go语言程序的后缀名 1.1 编译 通过使用 go build 命令对该go文件进行编译&#xff0c;生成.exe文件 1.2 运行 运行刚刚生成出来的test.exe文件既可&#xff0c;不过并不不是双击&#xff0c;而是在…

Verilog基础知识-逻辑值

在 Verilog 中&#xff0c;逻辑值用于表示数字电路中的状态。 逻辑值 0 &#xff1a;0 表示低电平&#xff1b;1&#xff1a; 1 表示高电平&#xff1b;高阻态&#xff08;High-Z 或 Z&#xff09;&#xff1a;表示一个未驱动&#xff08;undriven&#xff09;或浮空&#xf…

一七六、CSS 介绍及示例

CSS 介绍及示例 CSS&#xff08;Cascading Style Sheets&#xff09;是层叠样式表的缩写&#xff0c;主要用于控制网页元素的样式&#xff0c;如颜色、字体、布局等。以下是常见的 CSS 属性及其示例。 Box 模型相关属性 1. width / height 用于设置元素的宽度和高度。 div …

CSS教程(八)- 盒子模型

1、介绍 核心内容 盒子模型、浮动和定位&#xff0c;帮助我们实现页面布局 本质&#xff1a;页面布局过程 准备好相关的页面元素&#xff0c;网页元素基本都是盒子 Box 利用 CSS 设置盒子的样式&#xff0c;摆放到相应的位置 向盒子中填充相应内容 网页布局的核心本质&…