微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

javascript 封装Date日期类实例详解

javascript-封装Date日期类

  (一)对日期进行格式化

  自定义Date日期类的format()格式化方法

    方式一:(非原创)  

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; };

    测试:

rush:js;"> 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; };

  (二)根据日期返回本周周一和周日的日期

rush:js;"> /** * 根据日期返回本周周一和周日的日期 * @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;
}

 测试:

rush:js;"> var week = getWeekDate('2017-05-27',0); console.log(week.Monday + "," + week.Sunday);

 注意:

   Date.parse()具有兼容性问题,低版本IE浏览器不支持"yyyy-MM-dd"转换成Date,只支持"yyyy/MM/dd"转换成日期。

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持

原文地址:https://www.jb51.cc/js/38960.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐