javascript如何封裝Date日期類

這篇文章主要為大家展示了“javascript如何封裝Date日期類”，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“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如何封裝Date日期類”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業(yè)資訊頻道！