javascript 封装Date日期类实例详解
网络编程 2021-07-04 18:32www.168986.cn编程入门
这篇文章主要介绍了javascript-封装Date日期类的相关资料,需要的朋友可以参考下
javascript-封装Date日期类
(一)对日期进行格式化
自定义Date日期类的format()格式化方法
方式一(非原创)
// 对Date的扩展,将 Date 转化为指定格式的String // 月(M)、日(d)、小时(H)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符, // 年(y)可以用 1-4 个占位符,毫秒(S)只能用 1 个占位符(是 1-3 位的数字) // 例子 // (new Date()).Format("yyyy-MM-dd HH:mm:ss.S") ==> 2016-09-19 16:32:53.731 // (new Date()).Format("yyyy-M-d H:m:s:S") ==> 2016-9-19 16:40:9:955 Date.prototype.Format = function (fmt) { //author: meizz var 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 (var 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; };
测试
window.onload=function() { var date = new Date(); var b = date.toLocaleDateString();//获取的格式为2016年9月19日 var d = date.toLocaleTimeString();//下午4:42:46 var e = date.toLocaleString();//2016年9月19日 下午4:44:02 var f = date.toDateString();//Mon Sep 19 2016 var g = date.toUTCString();//Mon, 19 Sep 2016 08:45:42 GMT var h = date.toString();//Mon Sep 19 2016 16:46:23 GMT+0800 (中国标准时间) //自定义日期格式 var c = date.Format("yyyy-MM-dd HH:mm:ss");//format()方法是自定义的 document.getElementById("aa").value = c; };
(二)根据日期返回本周周一和周日的日期
/ 根据日期返回本周周一和周日的日期 @param day 参数日期 @param num 第几周 @return oneWeek 周一,周日所在日期 / function getWeekDate(day,num) { num = num || 0; // 返回值周一和周日所在的日期 var oneWeek = {}; // 初始日期 var initDate = ""; // 截取年月日 initDate = day.split(' ')[0]; // ie兼容性问题,将yyyy-MM-dd转换成yyyy/MM/dd initDate = initDate.replace(/-/g,"/"); // 将string转换成Date initDate = new Date(Date.parse(initDate));//格式只能是yyyy/MM/dd // 返回 day距离1970 年 1 月 1 日0时0分的毫秒数 var nowTime = initDate.getTime(); // 返回星期的某一天的数字 0(周日) 到 6(周六) var weekNum = initDate.getDay(); // 一天所代表的毫秒数 var oneDayTime = 24 60 60 1000; //显示周一 var MondayTime = nowTime - (weekNum - 1) oneDayTime ; //显示周日 var SundayTime = nowTime + (7 - weekNum) oneDayTime ; if (0 != num) { MondayTime += 7 num oneDayTime; SundayTime += 7 num oneDayTime; } //初始化日期时间 var monday = new Date(MondayTime); var sunday = new Date(SundayTime); // formatDate是自定义的格式化方法 monday = monday.formatDate('yyyy-MM-dd'); sunday = sunday.formatDate('yyyy-MM-dd'); oneWeek.Monday = monday; oneWeek.Sunday = sunday; return oneWeek; }
测试
var week = getWeekDate('2017-05-27',0); console.log(week.Monday + "," + week.Sunday);
注意
Date.parse()具有兼容性问题,低版本IE浏览器不支持"yyyy-MM-dd"转换成Date,只支持"yyyy/MM/dd"转换成日期。
感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
上一篇:js每隔两秒输出数组中的一项(实例)
下一篇:Vue实现选择城市功能
编程语言
- 如何快速学会编程 如何快速学会ug编程
- 免费学编程的app 推荐12个免费学编程的好网站
- 电脑怎么编程:电脑怎么编程网咯游戏菜单图标
- 如何写代码新手教学 如何写代码新手教学手机
- 基础编程入门教程视频 基础编程入门教程视频华
- 编程演示:编程演示浦丰投针过程
- 乐高编程加盟 乐高积木编程加盟
- 跟我学plc编程 plc编程自学入门视频教程
- ug编程成航林总 ug编程实战视频
- 孩子学编程的好处和坏处
- 初学者学编程该从哪里开始 新手学编程从哪里入
- 慢走丝编程 慢走丝编程难学吗
- 国内十强少儿编程机构 中国少儿编程机构十强有
- 成人计算机速成培训班 成人计算机速成培训班办
- 孩子学编程网上课程哪家好 儿童学编程比较好的
- 代码编程教学入门软件 代码编程教程