【web前端】js代码时间格式化系列（二）：获取当前时间几种方法 函数封装及调用方法

最新推荐文章于 2024-01-26 15:10:15 发布
胡小右 最新推荐文章于 2024-01-26 15:10:15 发布
阅读量2.4k 收藏 5
点赞数 2
分类专栏： 前端时间格式化 文章标签： js时间格式化 时间格式化 javascript时间格式化
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接： https://blog.csdn.net/weixin_41184451/article/details/96278285
版权
前端时间格式化 专栏收录该内容
2 篇文章 0 订阅
订阅专栏

时间格式化 在大大小小的项目中都非常常见 在这里也给大家带来几种获取当前时间的几种方式的函数封装供大家参考学习
获取当前时间

  1. 方法一（获取当前时间）
//获取当前时间
function getTodayBegin() {
    var date = new Date();
    var month = date.getMonth() + 1;
    var strDate = date.getDate();
    if(month >= 1 && month <= 9) {
        month = "0" + month;
    }
    if(strDate >= 0 && strDate <= 9) {
        strDate = "0" + strDate;
    }
    var currentdate = date.getFullYear() + "-" + month + "-" + strDate + " 00:00:00";
    return currentdate;
}

//使用方法（直接调用函数）
getTodayBegin()

在这里插入图片描述

  1. 方法二（获取当天日期 不带时分秒）
//获取当天日期    不带时分秒
function getTodayOnly() {
    var date = new Date();
    var date = new Date();
    var month = date.getMonth() + 1;
    var strDate = date.getDate();
    if(month >= 1 && month <= 9) {
        month = "0" + month;
    }
    if(strDate >= 0 && strDate <= 9) {
        strDate = "0" + strDate;
    }
    var currentdate = date.getFullYear() + "-" + month + "-" + strDate;
    return currentdate;
}

//调用方法
//getTodayOnly()

在这里插入图片描述

  1. 方法三（获取当天日期 时分秒）

这里需要说明一下 此函数封装返回的是一个对象 下面会放置vue的使用案例

function getDetailedDate() {
    var date = new Date();
    this.year = date.getFullYear();
    this.month = date.getMonth() + 1;
    this.date = date.getDate();
    this.week = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六")[date.getDay()];
    this.hour = date.getHours() < 10 ? "0" + date.getHours() : date.getHours();
    this.minute = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
    this.second = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
    var obj = {
        year: this.year,
        month: this.month,
        date: this.date,
        week: this.week,
        hour: this.hour,
        minute: this.minute,
        second: this.second
    }
    return obj;
}

返回格式：
在这里插入图片描述

实际场景（vue）
首先封装代码及使用ES6语法导出

export default {
	//当前时间 时分秒，日期
	getDetailedDate: function() {
		var date = new Date();
		this.year = date.getFullYear();
		this.month = date.getMonth() + 1;
		//this.month = new Array('一月','二月','三月','四月','五月','六月','七月','八月','九月','十月','十一月','十二月')[this.month-1];
		this.date = date.getDate();
		this.week = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六")[date.getDay()];
		this.hour = date.getHours() < 10 ? "0" + date.getHours() : date.getHours();
		this.minute = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
		this.second = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
		var obj = {
			year: this.year,
			month: this.month,
			date: this.date,
			week: this.week,
			hour: this.hour,
			minute: this.minute,
			second: this.second
		}
		return obj;
	}
}

引入封装好的js文件
在这里插入图片描述

在vue中使用函数调用 需要使用哪个函数 直接调用即可 最下面会放置完整版所有封装代码
在这里插入图片描述

完整版所有代码（整合所有的封装）

export default {
	getDateSpan: function(action) {
		var star_time, end_time;
		if(action == "today") {
			star_time = this.getDateBefore(0) + " 00:00:00"
			end_time = this.getDateBefore(0) + " 23:59:59"
		}
		if(action == "yesterday") {
			star_time = this.getDateBefore(1) + " 00:00:00"
			end_time = this.getDateBefore(1) + " 23:59:59"
		}
		if(action == "lastweek") {
			star_time = this.getDateBefore(7) + " 00:00:00"
			end_time = this.getDateBefore(0) + " 23:59:59"
		}
		if(action == "lastmonth") {
			star_time = this.getDateBefore(30) + " 00:00:00"
			end_time = this.getDateBefore(0) + " 23:59:59"
		}
		//console.log({star_time:star_time,end_time:end_time});
		return {
			star_time: star_time,
			end_time: end_time
		};
	},

	//获取几天前的日期
	getDateBefore: function(n) {
		var uom = new Date(new Date() - 0 - n * 86400000);
		if(uom.getDate() >= 0 && uom.getDate() <= 9) {
			uom = uom.getFullYear() + "-" + (uom.getMonth() + 1) + "-0" + uom.getDate();
		} else {
			uom = uom.getFullYear() + "-" + (uom.getMonth() + 1) + "-" + uom.getDate();
		}
		return uom;
	},

	//获取当前时间
	getTodayBegin: function() {
		var date = new Date();
		var month = date.getMonth() + 1;
		var strDate = date.getDate();
		if(month >= 1 && month <= 9) {
			month = "0" + month;
		}
		if(strDate >= 0 && strDate <= 9) {
			strDate = "0" + strDate;
		}
		var currentdate = date.getFullYear() + "-" + month + "-" + strDate + " 00:00:00";
		return currentdate;
	},

	//获取当前时间
	getTodayEnd: function() {
		var date = new Date();
		var seperator1 = "-";
		var seperator2 = ":";
		var month = date.getMonth() + 1;
		var strDate = date.getDate();
		if(month >= 1 && month <= 9) {
			month = "0" + month;
		}
		if(strDate >= 0 && strDate <= 9) {
			strDate = "0" + strDate;
		}
		var currentdate = date.getFullYear() + "-" + month + "-" + strDate + " 23:59:59";
		return currentdate;
	},
		AddHours:function() {
			var date = new Date();
			var month = date.getMonth() ;
			var strDate = date.getDate();
			if(month >= 1 && month <= 9) {
				month = "0" + month;
			}
			if(strDate >= 0 && strDate <= 9) {
				strDate = "0" + strDate;
			}
			var currentdate = date.getFullYear() + "-" + month + "-" + strDate + "00:00:00";
			
			return currentdate;
		},

	//获取当天日期    不带时分秒
	getTodayOnly: function() {
		var date = new Date();
		var date = new Date();
		var seperator1 = "-";
		var seperator2 = ":";
		var month = date.getMonth() + 1;
		var strDate = date.getDate();
		if(month >= 1 && month <= 9) {
			month = "0" + month;
		}
		if(strDate >= 0 && strDate <= 9) {
			strDate = "0" + strDate;
		}
		var currentdate = date.getFullYear() + "-" + month + "-" + strDate;
		return currentdate;
	},
	//当前时间 时分秒，日期
	getDetailedDate: function() {
		var date = new Date();
		this.year = date.getFullYear();
		this.month = date.getMonth() + 1;
		//this.month = new Array('一月','二月','三月','四月','五月','六月','七月','八月','九月','十月','十一月','十二月')[this.month-1];
		this.date = date.getDate();
		this.week = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六")[date.getDay()];
		this.hour = date.getHours() < 10 ? "0" + date.getHours() : date.getHours();
		this.minute = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
		this.second = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
		var obj = {
			year: this.year,
			month: this.month,
			date: this.date,
			week: this.week,
			hour: this.hour,
			minute: this.minute,
			second: this.second
		}
		return obj;
	},
	//小数位取整  保留两位
	mathRound:function(x, num) {
		return Math.round(x * Math.pow(10, num)) / Math.pow(10, num);
	}
};
sources修改js代码_代码调试系列之前端代码调试的几种基本方法
weixin_39949776的博客
11-20 1974
github文章地址：代码调试系列之前端代码调试的几种基本方法 · Issue #2 · yaodebian/blog​github.comcsdn文章地址：代码调试系列之前端代码调试的几种基本方法 - YaoDeBiAn的博客 - CSDN博客​blog.csdn.net针对前端代码的调试，我们更多的是对javascript代码的调试，我们常用的可能就是向alert、console等方式，同样的...
web前端开发之JavaScript
hu0708的博客
08-18 2553
JavaScript
java前端获取当前时间和格式化字符“'”
11-13
简单实用，亲测我直接上使用源码吧：var curr_time = getBeforeDate(0);//当前时间 var beginday = getBeforeDate(7);//7天前 var str = strValue("'是的萨''123''''");
Web前端_JS_获取当前时间封装的函数
weixin_42137574的博客
09-02 436
function time(){ var date = new Date(); //创建日期对象 var year = date.getFullYear(); //年 var month = date.getMonth() + 1; //月 var day = date.getDate(); //日 var hour = date.getHours(); //时 var min = date.getMinutes(); //分 var seconds
java 获取当前日期_JS小技巧，如何在JavaScript中获取当前日期
weixin_39820177的博客
11-29 151
在构建的应用程序的时候都会带有日期时间组件，无论是资源的创建日期还是活动的时间戳。在本文中，我将分享如何在JavaScript中以各种格式获取当前日期。1、JavaScript的Date对象constdate=newDate();该Date对象包含一个Number，表示从新纪元(即1970年1月1日)起经过的毫秒数。你可以将日期字符串传递给Date构造函数以创建指定日期的对象：const...
js写时间
m0_61749828的博客
03-12 444
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Documen...
前端格式化时间
weixin_41545048的博客
01-05 9058
方法一： import moment from "moment"; 方法二 附上源码 // 对Date的扩展，将 Date 转化为指定格式的String // 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符， // 年(y)可以用 1-4 个占位符，毫秒(S)只能用 1 个占位符(是 1-3 位的数字) // (new Date()).Format("...
js获取当前时间格式化
09-08
- *1* [【web前端】js代码时间格式化系列（二）：获取当前时间几种方法 函数封装及调用方法](https://blog.csdn.net/weixin_41184451/article/details/96278285)[target="_blank" data-report-click={"spm":"1018....
js获取当前时间函数
08-30
- *1* *2* *3* [【web前端】js代码时间格式化系列（二）：获取当前时间几种方法 函数封装及调用方法](https://blog.csdn.net/weixin_41184451/article/details/96278285)[target="_blank" data-report-click={"spm":...
springmvc和js前端的数据传递和接收方式(两种)
10-18
在SpringMVC中，要实现以JSON格式向JS前端传递数据，通常需要以下几个步骤： 1. 引入相关JSON处理库。比如，文章中提及的JSONUtils工具类，它能够将Java对象转换成JSON字符串。常见的库还有如Jackson、Gson等。 2....
Js获取当前日期时间及格式化代码
10-21
主要为大家详细介绍了Js获取当前日期时间及格式化代码,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
date-convert:一个将标准时间格式或时间戳转换为年月日时分秒日期格式的前端工具（新增：获取一定时间前的某个时间）
07-24
date-convert 一个与日期转换相关的前端小工具： 将标准日期或时间戳转换为‘年月日+时分秒+星期’日期格式 获取一定时间前的日期 简介 特色 （代码量小，自定义转换后的格式，扩展性强） 快速使用 简单的介入文档 下载安装 下载地址 npm 安装 npm i date-convert-npm CDN 官网 使用示例 js文件目录 交流 & 提问 关于作者 been
【前端】实习随笔5 - 时间格式通用函数总结
Sabrina_cc的博客
08-24 267
1. format 函数 //时间格式化 format(time, fmt) { //author: meizz var o = { 'M+': time.getMonth() + 1, //月份 'd+': time.getDate(), //日 'h+': time.getHours(), //小时 'm+': time.getMinutes(), //分 's+': time.getSe
时间的调用JS代码
shilianweiyao的专栏
10-13 371
var d = new Date();document.write(d.getFullYear()+'年'+(d.getMonth()+1)+'月'+d.getDate()+'日'+' 星期'+'日一二三四五六'.charAt(new Date().getDay()));
格式化日期，日期转化
19年8月小结
12-10 371
let date = new Date(); var timestamp1 = Date.parse(new Date());//转化成毫秒数 console.log(timestamp1, "data"); var myDate = new Date(); console.log(myDate.getFullYear()); //获取完整的年份(4...
关于使用JS获取当前时间并格式化输出
weixin_43426379的博客
04-02 4675
js获取当前时间，格式化输出当前时间，一步提取当前时间的年月日和时分秒
前端常用的时间格式处理
最新发布
乐夫天命兮的博客
01-26 732
【代码】前端常用的时间格式处理。
写一个函数，获取当前时间，输出格式为****年**月**日**时**分**秒
qq_65442604的博客
06-20 438
<script type="text/javascript"> var now=new Date(); document.write(now.getFullYear()+'年'); document.write(now.getMonth()+1+'月'); document.write(now.getDate()+'日'); document.write(now.getHours()+'时'); document.write(now.getMinutes()+'分'); docum
js前端把获取的时间戳转化为正常的时间格式
tanfei_的博客
01-12 1455
js前端把获取的时间戳转化为正常的时间格式 //时间戳转化为时间 getTime(time) { var date=new Date(parseInt(time)* 1000); var year=date.getFullYear(); var mon = date.getMonth()+1; var day = dat...
写文章

热门文章

  • 【web前端】js代码时间格式化系列（二）：获取当前时间几种方法 函数封装及调用方法 2482
  • 【web前端】js代码时间格式化系列（一）：获取几天前的日期 函数封装及调用方法 498
  • JavaScript 变量类型和计算 174

分类专栏

  • JavaScript 1篇
  • 前端时间格式化 2篇
  • ajax系列

大家在看

  • Numpy常用手册 174
  • 在vue项目中，将某元素铺满整个屏幕 130
  • 了解C语言
  • [Linux]常用操作指令
  • 基于springboot图书管理系统设计与实现-毕业设计源码25325 1541

最新文章

  • JavaScript 变量类型和计算
  • 【web前端】js代码时间格式化系列（一）：获取几天前的日期 函数封装及调用方法
2020年1篇
2019年2篇

目录

目录

评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值

天下网标王宁波优化推广网站丹东网站优化服务商日照济南网站优化时间南安网站推广优化如何优化网站询问w火27星珠海网站产品优化网站内部怎么优化平顶山外贸网站优化价格表平湖有什么网站优化郑州正规网站优化排名临沂网站优化靠谱网站排名优化方案网站优化网站模板西乡教育网站优化开州区网站seo优化排名重庆优化网站公司网站排版最优化问题优化做网站崇明区网站优化案例网站优化助手惠阳优化网站费用广州百度网站优化方法实力强的电商网站优化热线网站排名的优化方法蓬莱智能响应式网站优化服务好的网站优化哪家靠谱潜江外包网站优化哪家好焦作实力网站优化公司价格德州网站优化哪家好小金口网站优化多少钱香港通过《维护国家安全条例》两大学生合买彩票中奖一人不认账让美丽中国“从细节出发”19岁小伙救下5人后溺亡 多方发声卫健委通报少年有偿捐血浆16次猝死汪小菲曝离婚始末何赛飞追着代拍打雅江山火三名扑火人员牺牲系谣言男子被猫抓伤后确诊“猫抓病”周杰伦一审败诉网易中国拥有亿元资产的家庭达13.3万户315晚会后胖东来又人满为患了高校汽车撞人致3死16伤 司机系学生张家界的山上“长”满了韩国人？张立群任西安交通大学校长手机成瘾是影响睡眠质量重要因素网友洛杉矶偶遇贾玲“重生之我在北大当嫡校长”单亲妈妈陷入热恋 14岁儿子报警倪萍分享减重40斤方法杨倩无缘巴黎奥运考生莫言也上北大硕士复试名单了许家印被限制高消费奥巴马现身唐宁街 黑色着装引猜测专访95后高颜值猪保姆男孩8年未见母亲被告知被遗忘七年后宇文玥被薅头发捞上岸郑州一火锅店爆改成麻辣烫店西双版纳热带植物园回应蜉蝣大爆发沉迷短剧的人就像掉进了杀猪盘当地回应沈阳致3死车祸车主疑毒驾开除党籍5年后 原水城县长再被查凯特王妃现身！外出购物视频曝光初中生遭15人围殴自卫刺伤3人判无罪事业单位女子向同事水杯投不明物质男子被流浪猫绊倒 投喂者赔24万外国人感慨凌晨的中国很安全路边卖淀粉肠阿姨主动出示声明书胖东来员工每周单休无小长假王树国卸任西安交大校长 师生送别小米汽车超级工厂正式揭幕黑马情侣提车了妈妈回应孩子在校撞护栏坠楼校方回应护栏损坏小学生课间坠楼房客欠租失踪 房东直发愁专家建议不必谈骨泥色变老人退休金被冒领16年 金额超20万西藏招商引资投资者子女可当地高考特朗普无法缴纳4.54亿美元罚金浙江一高校内汽车冲撞行人 多人受伤

天下网标王 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化