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

React 如何拿时间戳计算得到开始和结束时间戳

获取需要的时间戳(开始 and 结束时间戳) 调用如下方法就行:

function getWantTimestamp(props) {//当前时间const nowDate = parseInt((new Date().getTime() / 1000).toString()); //当前时间switch (props) {// 当前时间时间戳case "nowData": {return nowDate;}// 当前零点得时间戳case "nowZero": {let nowZero = nowDate - (nowDate % 86400) - 3600 * 8;return nowZero;}// 过去24小时的时间戳case "formerlyDay": {let formerlyDay = nowDate - 86400;return formerlyDay;}// 昨天的零点的时间戳case "yesterdayZero": {let yesterdayZero = nowDate - (nowDate % 86400) - 3600 * 8 - 3600 * 24;return yesterdayZero;}// 本周星期一零点的时间戳case "thisMondayZero": {let nowThisWeek = new Date().getDay(); //获取当前周let a = nowDate - (nowThisWeek - 1) * 86400; //得到当前时间到这周let thisMondayZero = a - (a % 86400) - 3600 * 8;return thisMondayZero;}// 上周星期一零点的时间戳case "lastMondayZero": {let nowThisWeek = new Date().getDay(); //获取当前周let a = nowDate - (nowThisWeek - 1) * 86400; //得到当前时间到这周let thisMondayZero = a - (a % 86400) - 3600 * 8;let lastMondayZero = thisMondayZero - 86400 * 7;return lastMondayZero;}// 过去7天的时间戳case "formerlySevenDay": {let formerlySevenDay = nowDate - 86400 * 7;return formerlySevenDay;}// 本月开始第一天零点的时间戳case "thisMonthBeginZero": {let MonthDate: any = new Date();MonthDate.setDate(1); //set设置时间MonthDate.setHours(0);MonthDate.setSeconds(0);MonthDate.setMinutes(0);let thisMonthBeginZero = parseInt((MonthDate / 1000).toString());return thisMonthBeginZero;}// 过去30天的时间戳case "formerlyThirtyDays": {let formerlyThirtyDays = nowDate - 86400 * 30;return formerlyThirtyDays;}// 上个月的零点的时间戳case "lastMonthDayZero": {let nowMonthDate: any = new Date();let getMonth = nowMonthDate.getMonth() + 1;nowMonthDate.setMonth(getMonth - 2);nowMonthDate.setDate(1); //set设置时间nowMonthDate.setHours(0);nowMonthDate.setSeconds(0);nowMonthDate.setMinutes(0);let lastMonthDayZero = parseInt((nowMonthDate / 1000).toString());return lastMonthDayZero;}// 今年开始第一天零点的时间戳case "thisYearDayZero": {let yearDate: any = new Date();yearDate.setMonth(0);yearDate.setDate(1); //set设置时间yearDate.setHours(0);yearDate.setSeconds(0);yearDate.setMinutes(0);let thisYearDayZero = parseInt((yearDate / 1000).toString());return thisYearDayZero;}// 过去12个月的时间戳case "formerlyTwelveYearZero": {let now12Date: any = new Date();let getYear12 = now12Date.getFullYear();now12Date.setYear(getYear12 - 1);let formerlyTwelveYearZero = parseInt((now12Date / 1000).toString());return formerlyTwelveYearZero;}// 去年开始第一天的时间戳case "lastYearDayZero": {let nowYearDate: any = new Date();let getYear = nowYearDate.getFullYear();nowYearDate.setYear(getYear - 1);nowYearDate.setMonth(0);nowYearDate.setDate(1); //set设置时间nowYearDate.setHours(0);nowYearDate.setSeconds(0);nowYearDate.setMinutes(0);let lastYearDayZero = parseInt((nowYearDate / 1000).toString());return lastYearDayZero;}default: {console.log("时间参数错误");return 0;}}
}

调用getWantTimestamp()方法就能得到需要的时间戳:

getWantTimestamp("nowData")//nowData是switch的判断的参数

 计算当前时间到今晚23:59:59的时间戳:

//当前23:59:59秒时间戳
let today = new Date(new Date().toLocaleDateString()).getTime() + 24*60*60*1000-1
//当前时间戳
let nowDate = parseInt((new Date().getTime()).toString());
//当前时间距离23:59:59秒的时间戳差值
console.log((today - nowDate) / 1000));

动态获取当前年月日时分秒:

import React, { useState, useEffect } from 'react';function CurrentDateTime() {const [currentDateTime, setCurrentDateTime] = useState(new Date());useEffect(() => {const interval = setInterval(() => {setCurrentDateTime(new Date());}, 1000); // 每秒更新一次return () => {clearInterval(interval);};}, []);const year = currentDateTime.getFullYear();const month = currentDateTime.getMonth() + 1; // 月份从 0 开始,因此需要加 1const date = currentDateTime.getDate();const hours = currentDateTime.getHours();const minutes = currentDateTime.getMinutes();const seconds = currentDateTime.getSeconds();return (<div><p>当前年月日: {year}-{month < 10 ? `0${month}` : month}-{date}</p><p>当前时分秒: {hours}:{minutes < 10 ? `0${minutes}` : minutes}:{seconds < 10 ? `0${seconds}` : seconds}</p></div>);
}export default CurrentDateTime;

相关文章:

React 如何拿时间戳计算得到开始和结束时间戳

获取需要的时间戳(开始 and 结束时间戳) 调用如下方法就行&#xff1a; function getWantTimestamp(props) {//当前时间const nowDate parseInt((new Date().getTime() / 1000).toString()); //当前时间switch (props) {// 当前时间时间戳case "nowData": {return n…...

leetcode114 二叉树展开为链表

题目 给你二叉树的根结点 root &#xff0c;请你将它展开为一个单链表&#xff1a; 展开后的单链表应该同样使用 TreeNode &#xff0c;其中 right 子指针指向链表中下一个结点&#xff0c;而左子指针始终为 null 。 展开后的单链表应该与二叉树 先序遍历 顺序相同。 示例 输…...

Linux系统上使用SQLite

1. 安装SQLite 在Linux上安装SQLite非常简单。可以使用包管理器&#xff08;如apt、yum&#xff09;直接从官方软件源安装SQLite。例如&#xff0c;在Ubuntu上使用以下命令安装SQLite&#xff1a; sudo apt-get install sqlite32. 打开或创建数据库 要打开或创建一个SQLite数…...

实现一个超级简单的string类(基于c++)

简单的string仅仅需要构造函数&#xff0c;拷贝构造,移动构造和移动赋值&#xff0c;operator&#xff0c;析构函数等。如下&#xff1a; #include<iostream> #include<assert.h> using namespace std; namespace qyy {class string{public:friend ostream& …...

uniapp存值和取值,获取登录凭证 code方法

Uniapp 的存值和取值 Uniapp 的存值和取值方法可以使用Vue.js的数据绑定方式&#xff0c;也可以使用uni.setStorageSync() 和 uni.getStorageSync() 方法。 使用Vue.js的数据绑定方式&#xff1a; 在Vue组件中定义一个data属性&#xff0c;然后将需要存储的值赋给该属性。例…...

【SpringCloud微服务全家桶学习笔记-服务调用Ribbon/openFeign】

SpringCloud微服务全家桶学习笔记 内容&#xff1a;SpringCloud SpringCloud alibaba 技术栈&#xff1a;Java8mavengit&#xff0c;githubNginxRabbitMQSpringBoot2.0 仓库&#xff1a;链接 服务调用Ribbon 是什么&#xff1f; Ribbon是Netflix发布的开源项目&#xff…...

Qt使用I.MX6U开发板上的按键(原理:将电脑键盘方向键↓在Qt中的枚举值与开发板中按键定义的枚举值一致,这样电脑端测试效果就与开发板的一致)

在上篇介绍了Qt点亮I.MX6U开发板的一个LED&#xff0c;对于Qt控制I.MX6U开发板的一个蜂鸣器原理也是一样的&#xff0c;就不做详细介绍&#xff0c;具体可参考Qt控制I.MX6U开发板的一个蜂鸣器&#xff0c;本篇介绍Qt使用I.MX6U开发板上的按键的相关内容。 文章目录 1. 开发板硬…...

C++ RAII在HotSpot VM中的重要应用

RAII&#xff08;Resource Acquisition Is Initialization&#xff09;&#xff0c;也称为“资源获取就是初始化”&#xff0c;是C语言的一种管理资源、避免泄漏的惯用法。C标准保证任何情况下&#xff0c;已构造的对象最终会销毁&#xff0c;即它的析构函数最终会被调用。简单…...

python随手小练

题目&#xff1a; 使用python做一个简单的英雄联盟商城登录界面 具体操作&#xff1a; print("英雄联盟商城登录界面") print("~ * "*15 "~") #找其规律 a "1、用户登录" b "2、新用户注册" c "3、退出系统&quo…...

MySQL——函数和流程控制

2023.9.21 函数 含义&#xff1a;一组预先编译好的SQL语句的集合&#xff0c;理解成批处理语句。 提高代码的重用性简化操作减少了编译次数并且减少了和数据库服务器的连接次数&#xff0c;提高了效率 与存储过程的区别&#xff1a; 存储过程&#xff1a;可以有0个返回&am…...

【Vue3 源码讲解】nextTick

nextTick 是 Vue 3 中用于异步执行回调函数的函数&#xff0c;它会将回调函数延迟到下一个微任务队列中执行。其中&#xff0c;Vue 更新 DOM 是异步的。下面是对 nextTick 函数的详细解释&#xff1a; export function nextTick<T void, R void>(this: T,fn?: (this:…...

什么是ATR,在聚宽量化平台如何计算ATR

海龟们使用两种资金管理方法。首先&#xff0c;我们把头寸分成一个个小块。这样&#xff0c;即使一笔交易赔了钱&#xff0c;我们损失的也只是一个头寸的一部分。里奇和比尔把这些小块称作头寸单位。其次&#xff0c;我们使用里奇和比尔发明的一种创新性的头寸规模决定方法。这…...

Python 爬虫实战之爬淘宝商品并做数据分析

前言 是这样的&#xff0c;之前接了一个金主的单子&#xff0c;他想在淘宝开个小鱼零食的网店&#xff0c;想对目前这个市场上的商品做一些分析&#xff0c;本来手动去做统计和分析也是可以的&#xff0c;这些信息都是对外展示的&#xff0c;只是手动比较麻烦&#xff0c;所以…...

Python爬虫-requests.exceptions.SSLError: HTTPSConnectionPool疑难杂症解决(1)

前言 本文是该专栏的第7篇,后面会持续分享python爬虫案例干货,记得关注。 在爬虫项目开发中,偶尔可能会遇到SSL验证问题“requests.exceptions.SSLError: HTTPSConnectionPool(host=www.xxxxxx.com, port=443): Max retries exceeded with url ...”。亦或是验证之后的提示…...

12:STM32---RTC实时时钟

目录 一:时间相关 1:Unix时间戳 2: UTC/GMT 3:时间戳转化 二:BKP 1:简历 2:基本结构 三: RTC 1:简历 2: 框图 3:RTC基本结构 4:RTC操作注意 四:案例 A:读写备份寄存器 1:连接图 2: 步骤 3: 代码 B:实时时钟 1:连接图 2:函数介绍 3:代码 一:时间相关 1:Un…...

【动态规划刷题 16】最长等差数列 (有难度) 等差数列划分 II - 子序列

1027. 最长等差数列 https://leetcode.cn/problems/longest-arithmetic-subsequence/ 给你一个整数数组 nums&#xff0c;返回 nums 中最长等差子序列的长度。 回想一下&#xff0c;nums 的子序列是一个列表 nums[i1], nums[i2], …, nums[ik] &#xff0c;且 0 < i1 <…...

【postgresql】替换 mysql 中的ifnull()

数据库由mysql 迁移到postgresql&#xff0c;程序在执行查询时候报错。 HINT: No function matches the given name and argument types. You might need to add explicit type casts. CONTEXT: referenced column: ifnull 具体SQL: SELECT ifnull(phone,) FROM c_user p…...

单例模式(懒汉式,饿汉式,变体)

单例模式&#xff0c;用于确保一个类只有一个实例&#xff0c;并提供一个全局访问点以访问该实例。 饿汉式&#xff08;Eager Initialization&#xff09; 程序启动时就创建实例 #include <iostream> class SingletonEager { private:static SingletonEager* instanc…...

Java Lambda表达式:简洁且强大的函数式编程工具

Lambda表达式是Java 8及以后版本中引入的一种函数式编程特性。它是一种匿名函数&#xff0c;允许开发人员以简洁和易读的方式编写代码&#xff0c;并且可以作为参数传递给方法或存储在变量中。Lambda表达式的基本语法如下&#xff1a;(parameters) -> expression&#xff0c…...

开源框架中的责任链模式实践

作者&#xff1a;vivo 互联网服务器团队-Wang Zhi 责任链模式作为常用的设计模式而被大家熟知和使用。本文介绍责任链的常见实现方式&#xff0c;并结合开源框架如Dubbo、Sentinel等进行延伸探讨。 一、责任链介绍 在GoF 的《设计模式》一书中对责任链模定义的&#xff1a;将…...

API中转站稳定性怎么判断?中小企业选平台别只看SLA数字

API中转站稳定性怎么判断&#xff1f;中小企业选平台别只看SLA数字 摘要 &#xff1a;选择Claude API中转站时&#xff0c;稳定性是核心考量。但"稳定"对不同用户含义不同&#xff0c;本文从不同用户视角分析如何评估API中转站的稳定性。 中转站稳定吗 稳定是相对的&…...

物联网安全创业:从技术挑战到市场机遇的深度解析

1. 物联网安全创业的“冷”与“热”&#xff1a;一个从业者的深度观察作为一名在嵌入式系统和网络安全领域摸爬滚打了十几年的工程师&#xff0c;我几乎见证了物联网从概念炒作到遍地开花的全过程。每次和同行、投资人聊天&#xff0c;话题总绕不开两个极端&#xff1a;一边是对…...

Docker 部署 XiuXianGame 文字修仙游戏:极空间 NAS 上随时挂机刷资源

前言 挂机刷资源&#xff0c;躺平修成仙。 这类文字修仙游戏&#xff0c;说白了就是佛系养成为主&#xff0c;不用时刻盯着&#xff0c;挂着就行。但问题是——大多数要么得在本地电脑跑&#xff0c;要么依赖第三方平台&#xff0c;体验受限。把这套东西跑在自己的 NAS 上&am…...

基于Vercel AI SDK与Next.js的聊天机器人模板开发实战

1. 项目概述&#xff1a;一个开箱即用的AI聊天机器人模板 如果你正在寻找一个能快速启动、功能齐全且易于定制的AI聊天机器人项目&#xff0c;那么Vercel官方出品的这个Chatbot模板绝对值得你花时间研究。它不是一个简单的Demo&#xff0c;而是一个生产就绪的、基于现代Web技术…...

社交媒体运营实战指南:从算法逻辑到内容变现的完整技能树

1. 项目概述&#xff1a;社交媒体技能库的构建与价值在信息爆炸的今天&#xff0c;社交媒体早已不是简单的“发发状态、看看朋友”的平台。无论是个人品牌塑造、产品推广、内容创作&#xff0c;还是求职招聘、行业洞察&#xff0c;社交媒体都扮演着至关重要的角色。然而&#x…...

JPlag代码抄袭检测工具:如何高效识别17种编程语言的代码抄袭行为

JPlag代码抄袭检测工具&#xff1a;如何高效识别17种编程语言的代码抄袭行为 【免费下载链接】JPlag State-of-the-Art Source Code Plagiarism & Collusion Detection. Check for plagiarism in a set of programs. 项目地址: https://gitcode.com/gh_mirrors/jp/JPlag …...

喜马拉雅音频本地化实战:绕过xm格式,直接获取mp3文件的两种方法对比

喜马拉雅音频本地化实战&#xff1a;两种高效获取MP3文件的技术方案深度评测 作为国内领先的音频分享平台&#xff0c;喜马拉雅拥有海量优质内容&#xff0c;但其特有的XM格式却给用户跨平台使用带来了困扰。许多技术爱好者尝试过各种转换工具&#xff0c;却发现市面上几乎没有…...

【Nature期刊精准捕获术】:基于Perplexity语义图谱的跨学科文献溯源方法论(附2024最新验证数据集)

更多请点击&#xff1a; https://intelliparadigm.com 第一章&#xff1a;【Nature期刊精准捕获术】&#xff1a;基于Perplexity语义图谱的跨学科文献溯源方法论&#xff08;附2024最新验证数据集&#xff09; 传统关键词检索在跨学科高影响力期刊&#xff08;如 Nature、Scie…...

Encounter/Innovus GIFT TCL 脚本流程索引清单

目录 一、 布局阶段 (Placement) 二、 布线阶段 (Routing) 三、 时序阶段 (Timing) 四、 电源阶段 (Power) 五、 IO 与端口处理 六、 调试与辅助工具 一、 布局阶段 (Placement) 脚本名称 核心用途 调用场景 userAddAllHInsts.tcl 为源模块中的每个扇出添加缓冲器 解决高扇…...

轴承剩余寿命预测 | 基于BP神经网络的轴承剩余寿命预测MATLAB实现!

研究背景 该代码基于IEEE PHM 2012数据挑战赛的轴承全寿命加速退化实验数据&#xff0c;旨在利用数据驱动方法预测滚动轴承的剩余使用寿命&#xff08;RUL&#xff09;。实验中轴承在恒定负载下持续运行至失效&#xff0c;期间通过水平/竖直加速度传感器以25.6 kHz采样频率每隔…...