前端简单实现当日时间只展示时间，否则只展示年月日

需求如下

日期：显示消息推送时间，当天00:00——23:59分内推送的消息，日期显示具体时间，如：17:59；超出00:00——23:59分推送的消息，日期显示：年/月/日，如：2022/01/01;

因为后端返回的日期格式是

这样的，根据需求，当日的时间只展示后面的时间不要前面的日期，不是当日的时间只展示前面的年月日，不要后面的日期，一开始我想的复杂了，其实很简单，废话不多说，直接上代码!

如你所见，首先先获取到当前的年月日，然后字符串拼接（注意：要和后端数据格式一样，所以我加了格式分割符），最重要是用到了replace函数，一步到位，成功实现当日的只展示时间，下面就是当日时间外的只展示年月日了，就一行代码搞定，如下：

这就完成了，看看效果吧

前端简单实现当日时间只展示时间，否则只展示年月日相关推荐

双引擎驱动Quick BI十亿数据0.3秒分析，首屏展示时间缩短30%
简介:在规划中,Quick BI制定了产品竞争力建设的三大方向,包括Quick(快)能力.移动端能力和集成能力.针对其中的产品"报表查看打开慢""报表开发数据同步慢&qu ...
白嫖我常用的 11 个超火的前端必备在线工具，终于有时间上班摸鱼了
大家好,我是你们的猫哥,一个不喜欢吃鱼.又不喜欢喵的超级猫 ~ 前言猫哥是一个常年混迹在 GitHub 上的猫星人,所以发现了不少好的前端开源项目,在此分享给大家. 公众号:前端GitHub,专 ...
噪音太大怎么办？简单几步笔记本更安静时间
噪音太大怎么办?简单几步笔记本更安静时间对于一般的笔记本来说,在工作的时候,都会发出一些噪音,尤其是在高负荷的工作状态下,噪音会更加强烈,但是为什么我的笔记本在平时使用的时候噪音也很大呢?接下来我们 ...
实现商品秒杀成功后【前端实时更新待支付倒计时结束时间】
此次案例是在用户秒杀下单后未支付的情况下在页面实时显示根据后端传过来的待支付结束时间倒计时代码可完全复制粘贴! (只需修改 buyTime变 ...
PhotoShop简单案例（2）——利用时间轴功能制作制作省略号GIF动画
目录一.项目介绍二.基本流程 2.1 新建画布 2.2 输入文字 2.3 增删省略号 2.4 创建视频时间轴三.效果演示一.项目介绍本文将介绍利用时间轴功能制作制作省略号GIF动画,制作完成 ...
vue 时间刻度_vue时间轴风格式的图片展示
项目将近完结,在修正bug的同时,也对自己项目中代码进行回顾分析. 看回半年前写的东西,真是很多都感到陌生,所以趁着下午的空档时间总结下之前遇到的难点. 好的,先上图,目标效果先分析 1. 上下两层 ...
html 倒计时字体消失,最简单的一个网页倒计时代码时间到期后会显示出提醒内容收藏版...
该楼层疑似违规已被系统折叠隐藏此楼查看此楼很多时候我们都是需要提醒自己做什么事情的,像我这么健忘的,更加需要倒计时之类的记录来提醒自己,这是我找到最简单简介的代码了! 最简单的一个网页倒计时代码 ...
用moment获取一年内指定周的起始时间和结束时间、用户所选时间和前端传参时间不一致问题
问题1: 原代码: //所选周selectedWeek:{handler(){let selectedWeek = parseInt(this.selectedWeek.substring(1))// ...
关于前端在vue中实现‘距离某个时间点的倒计时’问题：设置了间隔计算时间，刚开始有停顿。
//函数接受一个结束时间,单位为毫秒,算出当前距离结束时间点的时间,输出一个对象 //输出示例:{ // hourNum: '12', // minuteNum: '13', // secondNum ...

前端简单实现当日时间只展示时间，否则只展示年月日

需求如下

日期：显示消息推送时间，当天00:00——23:59分内推送的消息，日期显示具体时间，如：17:59；超出00:00——23:59分推送的消息，日期显示：年/月/日，如：2022/01/01;

前端简单实现当日时间只展示时间，否则只展示年月日相关推荐

最新文章

热门文章