自定义new Date()格式显示，适用JavaScript / Nodejs / Vue / React / UniApp / 其他基于js工程的项目

定义一个文件去存储下列代码，全局引入就可以使用了

// 直接new就可以了
let time = new Date().Format();

下面直接上代码：

/*create By Jane 时间格式化 yyyy-MM-dd hh:mm:ss**/
Date.prototype.Format = function(fmt = 'yyyy-MM-dd hh:mm:ss') {const o = {'M+': this.getMonth() + 1, //月份'd+': this.getDate(), //日'h+': this.getHours(), //小时'm+': this.getMinutes(), //分's+': this.getSeconds(), //秒'q+': Math.floor((this.getMonth() + 3) / 3), //季度S: this.getMilliseconds(), //毫秒};if (/(y+)/.test(fmt)) {fmt = fmt.replace(RegExp.$1, (this.getFullYear() + '').substr(4 - RegExp.$1.length));}for (const k in o) {if (new RegExp('(' + k + ')').test(fmt)) {fmt = fmt.replace(RegExp.$1, RegExp.$1.length === 1 ? o[k] : ('00' + o[k]).substr(('' + o[k]).length));}}return fmt;
};
Date.prototype.FormatDateTime = function() {return this.Format('yyyy-MM-dd hh:mm:ss');
};
Date.prototype.FormatDate = function() {return this.Format('yyyy-MM-dd');
};
Date.prototype.FormatTime = function() {return this.Format('hh:mm:ss');
};//时间简化 转换为 刚刚 今天 昨天 之类
Date.prototype.Short = function() {const dateTimeStamp = this.getTime();const minute = 1000 * 60;      //把分，时，天，周，半个月，一个月用毫秒表示const hour = minute * 60;const day = hour * 24;const week = day * 7;const month = day * 30;const now = new Date().getTime();   //获取当前时间毫秒const diffValue = now - dateTimeStamp;//时间差if (diffValue < 0) {return;}const minC = parseInt(diffValue / minute);  //计算时间差的分，时，天，周，月const hourC = parseInt(diffValue / hour);const dayC = parseInt(diffValue / day);const weekC = parseInt(diffValue / week);const monthC = parseInt(diffValue / month);let result;if (monthC >= 1 && monthC <= 3) {result = ' ' + monthC + '月前';} else if (weekC >= 1 && weekC <= 3) {result = ' ' + weekC + '周前';} else if (dayC >= 1 && dayC <= 6) {result = ' ' + dayC + '天前';} else if (hourC >= 1 && hourC <= 23) {result = ' ' + hourC + '小时前';} else if (minC >= 1 && minC <= 59) {result = ' ' + minC + '分钟前';} else if (diffValue >= 0 && diffValue <= minute) {result = '刚刚';} else {const datetime = new Date();datetime.setTime(dateTimeStamp);const Nyear = datetime.getFullYear();const Nmonth = datetime.getMonth() + 1 < 10 ? '0' + (datetime.getMonth() + 1) : datetime.getMonth() + 1;const Ndate = datetime.getDate() < 10 ? '0' + datetime.getDate() : datetime.getDate();// var Nhour = datetime.getHours() < 10 ? "0" + datetime.getHours() : datetime.getHours();// var Nminute = datetime.getMinutes() < 10 ? "0" + datetime.getMinutes() : datetime.getMinutes();// var Nsecond = datetime.getSeconds() < 10 ? "0" + datetime.getSeconds() : datetime.getSeconds();result = Nyear + '-' + Nmonth + '-' + Ndate;}return result;
};

自定义new Date()格式显示，适用JavaScript / Nodejs / Vue / React / UniApp / 其他基于js工程的项目相关推荐

String转Date格式显示年月日或其他自定义格式
DateFormat format1 = new SimpleDateFormat("yyyy-MM-dd"); DateFormat format 2= new SimpleDa ...
nodejs+Vue在线漫画网站周边购物网站express项目源码
在线漫画网站作为一种新型的漫画服务方式,越来越多的人会选择这种随时.随地可以进行的漫画消费模式.在线漫画网站,可以为人们提供新漫画发行.热门漫画.个人收藏漫画等各类目录选择,可以提供在线查看.下载本地 ...
R语言使用gt包和gtExtras包优雅地、漂亮地显示表格数据：使用gtExtras包添加一个图，显示表中某一列中的数字、并自定义表格数据显示的主题格式、并自定义数值数据的格式（例如百分比）
R语言使用gt包和gtExtras包优雅地.漂亮地显示表格数据:使用gtExtras包添加一个图,显示表中某一列中的数字.并自定义表格数据显示的主题格式.并自定义数值数据的格式(例如百分比) 目录
修改MOSS2007内容查询部件实现自定义格式显示
很抱歉,本来是有截图的,可以让过程看得更清楚些,但可能由于机器的原因,图片始终无法上传.所以只能写文字版了! 在Office SharePoint Server 2007中的内容查询Web P ...
bootstrap bootstraptable 固定列_1个Excel公式按条件自定义格式显示固定电话号码
点击右上角"关注",每天免费获取干货教程前面写了很多篇关于数据查询.数据统计.数据分析.公式排错的教程,今天换一个口味,写个关于自定义格式显示数据的教程. 因为工作中很多时候都需 ...
WPF学习笔记（7）：DataGrid中数字自定义格式显示
WPF学习笔记(7):DataGrid中数字自定义格式显示原文:WPF学习笔记(7):DataGrid中数字自定义格式显示 DataGrid中数据显示如下图,数据格式比较杂乱.希望达到以下要求:(1 ...
前端面试+学习笔记（HTML+CSS+JavaScript+ES6+Vue+NodeJs）
前端面试+学习笔记(HTML+CSS+JavaScript+ES6+Vue+NodeJs) 一. HTML 1. 盒子模型是什么:每个元素被表示为一个矩形的盒子,有四个部分组成:内容(content ...
数据库毫秒转换成date格式
在开发过程中,我们经常会将日期时间的毫秒数存放到数据库,但是它对应的时间看起来就十分不方便,我们可以使用一些函数将毫秒转换成date格式. 一. 在MySQL中,有内置的函数from_unixtime ...
网站服务器的极简制作与搭建（HTML5+CSS+javascript+NodeJS）
本文致力于使得较有经验的程序员能够在一天之内了解网站搭建制作的基本知识,尽快制作出可以展示用的demo. 具体地,笔者为了完成大作业,需要搭建一个搜索引擎的网站,仅仅作为展示的demo,并不对原创性 ...

自定义new Date()格式显示，适用JavaScript / Nodejs / Vue / React / UniApp / 其他基于js工程的项目

自定义new Date()格式显示，适用JavaScript / Nodejs / Vue / React / UniApp / 其他基于js工程的项目相关推荐

最新文章

热门文章