javascript 封裝Date日期類實例詳解
更新時間：2017年05月28日 10:02:59 作者：Marydon
這篇文章主要介紹了javascript-封裝Date日期類的相關資料,需要的朋友可以參考下
javascript-封裝Date日期類
?。ㄒ唬θ掌谶M行格式化
自定義Date日期類的format()格式化方法
方式一：（非原創(chuàng)）
// 對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;
};
?。ǘ└鶕掌诜祷乇局苤芤缓椭苋盏娜掌?/strong>
/**
* 根據日期返回本周周一和周日的日期
* @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"轉換成日期。
感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！
相關文章
JavaScript求一組數的最小公倍數和最大公約數常用算法詳解【面向對象，回歸迭代和循環(huán)】
這篇文章主要介紹了JavaScript求一組數的最小公倍數和最大公約數常用算法,結合實例形式分析了javascript基于面向對象，回歸迭代和循環(huán)等算法求解一組數的最小公倍數與最大公約數相關操作技巧,需要的朋友可以參考下2018-05-05
今天小編就為大家分享一篇layui 表格操作列按鈕動態(tài)顯示的實現方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
可拖拽排序的菜單效果大家想必都很熟悉，本次我們通過一個可拖拽排序的九宮格案例來演示其實現原理，感興趣的小伙伴可以跟隨小編一起學習一下2022-05-05
這篇文章主要介紹了JavaScript實現的圖像模糊算法代碼分享,需要的朋友可以參考下2014-04-04
網站發(fā)布后Bootstrap框架引用woff字體無法正常顯示的解決方法
這篇文章主要介紹了網站發(fā)布到IIS后Bootstrap框架引用的woff字體無法正常顯示的解決方法,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-11-11
本地存儲和會話存儲是比較常用的方法，你知道兩者的區(qū)別嗎，本文詳細的介紹了JavaScript中本地存儲(LocalStorage)和會話存儲(SessionStorage)的使用，具有一定的參考價值，感興趣的可以了解一下2022-08-08
通過JAVASCRIPT讀取ASP設定的COOKIE...2007-02-02
這篇文章主要介紹了localstorage實現帶過期時間的緩存功能,本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下2019-06-06
layui.tree組件的使用以及搜索節(jié)點功能的實現
今天小編就為大家分享一篇layui.tree組件的使用以及搜索節(jié)點功能的實現，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
JavaScript使用URL.canParse驗證URL的方法詳解
JavaScript誕生以來,一直沒有一種簡單的方法驗證URL,現在JavaScript新增了一個新方法——URL.canParse,文中通過代碼示例和圖文介紹的非常詳細,需要的朋友可以參考下2023-12-12