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

vue对于时间的处理

2023-08-05 11:25:45 假如这个就是我们要传的时间字符串

比如今天是2023-08-05(同一天):现在把这个时间字符串传入到 formatDate()这个方法,就会给你返回

11:25

比如今天是2023-08-06(前一天):现在把这个时间字符串传入到 formatDate()这个方法,就会给你返回

昨日11:25

比如今天是2023-08-07或者2023-08-10或2023-12-30:现在把这个时间字符串传入到 formatDate()这个方法,就会给你返回

08-05 11:25

比如今天是2024-08-07(24年任何一个日期):现在把这个时间字符串传入到 formatDate()这个方法,就会给你返回

2023-08-05 11:25

适用于聊天上边的时间显示

 //时间处理formatDate(dateTime) {const now = new Date();const date = new Date(dateTime);if (date.toDateString() === now.toDateString()) {// 今天的日期,返回时间 HH:mmreturn this.formatTime(date);} else if (date.toDateString() === new Date(now.getTime() - 86400000).toDateString()) {// 昨天的日期,返回 "昨日 HH:mm"return "昨日 " + this.formatTime(date);} else if (date.getFullYear() === now.getFullYear()) {// 今年的日期,返回 MM-dd HH:mmreturn this.formatDateOnly(date) + " " + this.formatTime(date);} else {// 去年及以前的日期,返回 yyyy-MM-dd HH:mmreturn this.formatFullDate(date) + " " + this.formatTime(date);}},formatTime(date) {return date.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });},formatDateOnly(date) {return date.toLocaleDateString([], { month: '2-digit', day: '2-digit' });},formatFullDate(date) {return date.toISOString().slice(0, 10);}

相关文章:

vue对于时间的处理

2023-08-05 11:25:45 假如这个就是我们要传的时间字符串 比如今天是2023-08-05(同一天):现在把这个时间字符串传入到 formatDate()这个方法,就会给你返回 11:25 比如今天是2023-08-06(前一天&a…...

Apache DolphinScheduler 3.1.8 版本发布,修复 SeaTunnel 相关 Bug

近日,Apache DolphinScheduler 发布了 3.1.8 版本。此版本主要基于 3.1.7 版本进行了 bug 修复,共计修复 16 个 bug, 1 个 doc, 2 个 chore。 其中修复了以下几个较为重要的问题: 修复在构建 SeaTunnel 任务节点的参数时错误的判断条件修复 …...

科技云报道:一波未平一波又起?AI大模型再出邪恶攻击工具

AI大模型的快速向前奔跑,让我们见识到了AI的无限可能,但也展示了AI在虚假信息、深度伪造和网络攻击方面的潜在威胁。 据安全分析平台Netenrich报道,近日,一款名为FraudGPT的AI工具近期在暗网上流通,并被犯罪分子用于编…...

深度对话|如何设计合适的网络经济激励措施

近日,我们与Mysten Labs的首席经济学家Alonso de Gortari进行了对话,讨论了如何在网络运营商和参与者之间找到激励措施的平衡,以及Sui的经济如何不断发展。 是什么让您选择将自己的经济学背景应用于区块链和Web3领域? 起初&…...

opencv带GStreamer之Windows编译

目录 1、下载GStreamer和安装2. GSTReamer CMake配置3. 验证是否配置成功 1、下载GStreamer和安装 下载地址如下: gstreamer-1.0-msvc-x86_64-1.18.2.msi gstreamer-1.0-devel-msvc-x86_64-1.18.2.msi 安装目录无要求,主要是安装完设置环境变量 xxx\1…...

Java并发编程之锁的升级

Java 中的锁机制是多线程编程中的一部分。锁一共有4种状态,级别从低到高依次是:无锁状态、偏向锁状态、轻量级锁状态和重量级锁状态,这几个状态会随着竞争情况逐渐升级。 锁可以升级但不能降级,意味着偏向锁升级成轻量级锁后不能…...

多核异构处理器A核与M核通信过程

多核异构处理器是指集成了不同类型或架构的CPU的系统级芯片(SoC)。 例如,有些处理器同时包含了高性能的A核(如Cortex-A)和低功耗的M核(如Cortex-M)。 这样的设计可以让不同的CPU负责不同的任务…...

面试热题(反转链表)

给你单链表的头指针 head 和两个整数 left 和 right &#xff0c;其中 left < right 。请你反转从位置 left 到位置 right 的链表节点&#xff0c;返回 反转后的链表 。 链表的题&#xff0c;大部分都可以用指针或者递归可以做&#xff0c;指针如果做不出来的话&#xff0c;…...

竞赛项目 深度学习的水果识别 opencv python

文章目录 0 前言2 开发简介3 识别原理3.1 传统图像识别原理3.2 深度学习水果识别 4 数据集5 部分关键代码5.1 处理训练集的数据结构5.2 模型网络结构5.3 训练模型 6 识别效果7 最后 0 前言 &#x1f525; 优质竞赛项目系列&#xff0c;今天要分享的是 &#x1f6a9; 深度学习…...

Java项目部署云windows细节

springboot项目 pom文件中必须要有这个插件&#xff08;正常其实都有就是我手贱以前不小心删除了&#xff09; 他的作用是查找主类 <build><plugins><plugin><groupId>org.springframework.boot</groupId><artifactId>spring-boot-maven-…...

软件功能测试有什么注意事项?功能测试报告起到什么作用?

软件功能测试是软件开发过程中至关重要的一环&#xff0c;它用于评估软件功能的质量和稳定性&#xff0c;并确保软件能够按照预期进行工作。然而&#xff0c;在进行功能测试时&#xff0c;有一些注意事项需要特别关注&#xff0c;以确保测试的准确性和有效性。 一、软件功能测…...

Kubernetes 调度 约束

调度约束 Kubernetes 是通过 List-Watch 的机制进行每个组件的协作&#xff0c;保持数据同步的&#xff0c;每个组件之间的设计实现了解耦。 用户是通过 kubectl 根据配置文件&#xff0c;向 APIServer 发送命令&#xff0c;在 Node 节点上面建立 Pod 和 Container。 APIServer…...

Grafana技术文档-概念-《十分钟扫盲》

Grafana官网链接 Grafana: The open observability platform | Grafana Labs 基本概念 Grafana是一个开源的度量分析和可视化套件&#xff0c;常用于对大量数据进行实时分析和可视化。以下是Grafana的基本概念&#xff1a; 数据源&#xff08;Data Source&#xff09;&#…...

【JavaEE进阶】Spring 更简单的读取和存储对象

文章目录 一. 存储Bean对象1. 配置扫描路径2. 添加注解存储 Bean 对象2.1 使用五大类注解存储Bean2.2 为什么要有五大类注解&#xff1f;2.3 有关获取Bean参数的命名规则 3. 使用方法注解储存 Bean 对象3.1 方法注解储存对象的用法3.2 Bean的重命名3.3 同⼀类型多个 Bean 报错 …...

KafKa集群搭建和知识点

一、KafKa概述 1.1 定义 KafKa是一个分布式的基于发布/订阅模式的消息队列&#xff0c;主要应用于大数据试试处理领域 是一个分布式、支持分区的&#xff08;partition&#xff09;、多副本的&#xff08;replica&#xff09;&#xff0c;基于zookeeper协调的分布式消息系统&a…...

剑指 Offer 56 - I. 数组中数字出现的次数题解

题目描述&#xff1a;剑指 Offer 56 - I. 数组中数字出现的次数 - 力扣&#xff08;LeetCode&#xff09; 一个整型数组 nums 里除两个数字之外&#xff0c;其他数字都出现了两次。请写程序找出这两个只出现一次的数字。要求时间复杂度是O(n)&#xff0c;空间复杂度是O(1)。 示…...

CSDN付费专栏写作协议

一、总则 1.1、欢迎您选用CSDN付费专栏服务&#xff08;“本服务”&#xff09;。以下所述条款和条件即构成您与CSDN就使用本服务所达成的协议&#xff08;“本协议&#xff09;。本协议被视为《CSDN用户服务条款》&#xff08;链接&#xff1a;https://passport.csdn.net/ser…...

[保研/考研机试] KY30 进制转换-大整数转二进制 清华大学复试上机题 C++实现

描述 将一个长度最多为30位数字的十进制非负整数转换为二进制数输出。 输入描述&#xff1a; 多组数据&#xff0c;每行为一个长度不超过30位的十进制非负整数。 &#xff08;注意是10进制数字的个数可能有30个&#xff0c;而非30bits的整数&#xff09; 输出描述&#xff…...

vue3多条件搜索功能

搜索功能在后台管理页面中非常常见&#xff0c;本篇就着重讲一下vue3-admin-element框架中如何实现一个顶部多条件搜索功能 一、首先需要在vue页面的<template></template>中写入对应的结构 <!-- 搜索 --><div style"display: flex; justify-content…...

C++20协程

目录 协程原理&#xff1a; 进程、线程和协程的区别和联系​编辑 协程在IO多路复用中 协程的目的&#xff1a; 协程的优势&#xff1a; ​ 协程原理&#xff1a; &#xff08;学习来源&#xff1a;幼麟实验室&#xff09; 线程是进程中的执行体&#xff0c;拥有一个…...

IAR 9.1 版本创建 STM32F1 工程全解析(V3.6.0标准外设库)

一&#xff1a;前言 之前一直用的KEIL MDK 编译ST工程&#xff0c;最近开始学习用IAR搭建工程&#xff1a;先是不知道官网下载的V3.6.0标准外设库&#xff0c;里面的文件该怎么挑、怎么放&#xff1b;再是IAR 9.1版本和网上低版本教程不兼容&#xff0c;一编译就报Pe147错误&a…...

RetinaFace在合影场景中的应用:多人脸检测与关键点绘制实战

RetinaFace在合影场景中的应用&#xff1a;多人脸检测与关键点绘制实战 1. 合影场景中的人脸检测挑战 在合影场景中&#xff0c;人脸检测面临着诸多独特挑战&#xff1a; 密集人脸&#xff1a;多人聚集导致人脸间距小&#xff0c;容易造成检测框重叠或漏检尺度差异&#xff…...

AudioSeal Pixel Studio效果展示:蓝牙传输(SBC编码)后水印留存实测

AudioSeal Pixel Studio效果展示&#xff1a;蓝牙传输&#xff08;SBC编码&#xff09;后水印留存实测 1. 引言&#xff1a;当隐形水印遇上蓝牙传输 想象一下&#xff0c;你为一段重要的音频文件加上了数字水印&#xff0c;就像给它盖上了一枚隐形的数字印章。这枚印章能证明…...

OpenClaw技能扩展教程:Qwen3-14b_int4_awq实现公众号自动发布

OpenClaw技能扩展教程&#xff1a;Qwen3-14b_int4_awq实现公众号自动发布 1. 为什么需要自动化公众号发布 作为一个技术博主&#xff0c;我每周都要在公众号上发布2-3篇技术文章。最让我头疼的不是写作本身&#xff0c;而是发布前的繁琐流程&#xff1a;手动排版Markdown、设…...

OpenClaw备份策略:gemma-3-12b-it自动化数据保护方案

OpenClaw备份策略&#xff1a;gemma-3-12b-it自动化数据保护方案 1. 为什么需要AI驱动的自动化备份&#xff1f; 上个月我的移动硬盘突然罢工&#xff0c;导致三个月的项目文档全部丢失。这次惨痛经历让我意识到&#xff1a;传统备份方案存在两个致命缺陷——依赖人工记忆和缺…...

HUB75Enano:Arduino Nano 的轻量级 HUB75E 显示驱动库

1. HUB75Enano 库深度技术解析&#xff1a;面向 Arduino Nano 的紧凑型 HUB75E 显示驱动方案1.1 项目定位与工程约束本质HUB75Enano 是一个专为资源极度受限的 AVR 平台&#xff08;特别是 ATmega328P&#xff09;设计的 HUB75E 接口 LED 矩阵驱动库。其核心价值不在于功能堆砌…...

先进封装中如何判定凸点结合力大小?

在先进封装中&#xff0c;凸点&#xff08;Bump&#xff09;的结合力是决定芯片可靠性的核心指标。如果结合力不足&#xff0c;芯片在后续的倒装焊、底部填充或长期热循环中会出现分层或断路。判定凸点结合力大小&#xff0c;通常采用凸点剪切测试。简单来说&#xff0c;它的原…...

G-Helper:华硕笔记本性能革命的轻量解决方案

G-Helper&#xff1a;华硕笔记本性能革命的轻量解决方案 【免费下载链接】g-helper Lightweight, open-source control tool for ASUS laptops and ROG Ally. Manage performance modes, fans, GPU, battery, and RGB lighting across Zephyrus, Flow, TUF, Strix, Scar, and o…...

嵌入式开发编码规范与最佳实践

1. 为什么嵌入式开发需要编码规范&#xff1f;在嵌入式系统开发中&#xff0c;代码质量直接影响产品的稳定性和可靠性。与通用软件开发不同&#xff0c;嵌入式系统往往运行在资源受限的环境中&#xff0c;且通常需要长时间不间断工作。我曾参与过一个工业控制项目&#xff0c;由…...

实测CosyVoice零样本语音克隆:上传10秒音频,一键生成你的AI语音分身

实测CosyVoice零样本语音克隆&#xff1a;上传10秒音频&#xff0c;一键生成你的AI语音分身 你有没有想过&#xff0c;用自己的声音录制一段有声书&#xff0c;或者为你的视频创作一个专属的旁白配音&#xff1f;过去&#xff0c;这需要专业的录音设备和后期处理。但现在&…...