欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

javascript 封裝Date日期類實(shí)例詳解

 更新時(shí)間:2017年05月28日 10:02:59   作者:Marydon  
這篇文章主要介紹了javascript-封裝Date日期類的相關(guān)資料,需要的朋友可以參考下

javascript-封裝Date日期類

 ?。ㄒ唬?duì)日期進(jìn)行格式化

  自定義Date日期類的format()格式化方法

    方式一:(非原創(chuàng))  

// 對(duì)Date的擴(kuò)展,將 Date 轉(zhuǎn)化為指定格式的String
// 月(M)、日(d)、小時(shí)(H)、分(m)、秒(s)、季度(q) 可以用 1-2 個(gè)占位符, 
// 年(y)可以用 1-4 個(gè)占位符,毫秒(S)只能用 1 個(gè)占位符(是 1-3 位的數(shù)字) 
// 例子: 
// (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(), //小時(shí) 
    "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;
};

    測(cè)試:

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 (中國(guó)標(biāo)準(zhǔn)時(shí)間)
  //自定義日期格式
  var c = date.Format("yyyy-MM-dd HH:mm:ss");//format()方法是自定義的
  document.getElementById("aa").value = c;
};

 ?。ǘ└鶕?jù)日期返回本周周一和周日的日期

/**
 * 根據(jù)日期返回本周周一和周日的日期
 * @param day
 *   參數(shù)日期
 * @param num
 *   第幾周
 * @return oneWeek
 *   周一,周日所在日期  
 */
function getWeekDate(day,num) {
  
  num = num || 0;
  // 返回值:周一和周日所在的日期
  var oneWeek = {};
  // 初始日期
  var initDate = "";
  // 截取年月日
  initDate = day.split(' ')[0];
  // ie兼容性問(wèn)題,將yyyy-MM-dd轉(zhuǎn)換成yyyy/MM/dd
  initDate = initDate.replace(/-/g,"/");
  // 將string轉(zhuǎn)換成Date
  initDate = new Date(Date.parse(initDate));//格式只能是yyyy/MM/dd
  
  // 返回 day距離1970 年 1 月 1 日0時(shí)0分的毫秒數(shù)
  var nowTime = initDate.getTime(); 
  // 返回星期的某一天的數(shù)字: 0(周日) 到 6(周六)
  var weekNum = initDate.getDay();
  // 一天所代表的毫秒數(shù)
  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;
  }
  
  //初始化日期時(shí)間
  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;
}

 測(cè)試:

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

 注意:

   Date.parse()具有兼容性問(wèn)題,低版本IE瀏覽器不支持"yyyy-MM-dd"轉(zhuǎn)換成Date,只支持"yyyy/MM/dd"轉(zhuǎn)換成日期。

 感謝閱讀,希望能幫助到大家,謝謝大家對(duì)本站的支持!

相關(guān)文章

  • canvas繪制多邊形

    canvas繪制多邊形

    本文主要分享了利用canvas畫多邊形的示例代碼,具有很好的參考價(jià)值,下面跟著小編一起來(lái)看下吧
    2017-02-02
  • 微信小程序開發(fā)常用功能匯總

    微信小程序開發(fā)常用功能匯總

    這篇文章主要介紹了微信小程序開發(fā)常用功能,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2022-02-02
  • 在js中做數(shù)字字符串補(bǔ)0(js補(bǔ)零)

    在js中做數(shù)字字符串補(bǔ)0(js補(bǔ)零)

    這篇文章主要介紹了在js中做數(shù)字字符串補(bǔ)0(js補(bǔ)零),需要的朋友可以參考下
    2017-03-03
  • 原來(lái)JS還可以這樣拆箱轉(zhuǎn)換詳解

    原來(lái)JS還可以這樣拆箱轉(zhuǎn)換詳解

    這篇文章主要給大家介紹了關(guān)于JS拆箱轉(zhuǎn)換的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2019-02-02
  • 前端性能優(yōu)化及技巧

    前端性能優(yōu)化及技巧

    這篇文章主要介紹了前端性能優(yōu)化及技巧,需要的朋友可以參考下
    2016-05-05
  • 淺析JavaScript定時(shí)器setTimeout的時(shí)延問(wèn)題

    淺析JavaScript定時(shí)器setTimeout的時(shí)延問(wèn)題

    這篇文章主要為大家詳細(xì)介紹了JavaScript中定時(shí)器setTimeout有最小時(shí)延的相關(guān)知識(shí),文中的示例代碼簡(jiǎn)潔易懂,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下
    2023-11-11
  • js中Generator函數(shù)的深入講解

    js中Generator函數(shù)的深入講解

    這篇文章主要給大家介紹了關(guān)于js中Generator函數(shù)的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用Javascript具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2019-04-04
  • element必填校驗(yàn)輸入空格問(wèn)題修改正則表達(dá)式、請(qǐng)求攔截器實(shí)現(xiàn)所有輸入框去除首尾空格(推薦)

    element必填校驗(yàn)輸入空格問(wèn)題修改正則表達(dá)式、請(qǐng)求攔截器實(shí)現(xiàn)所有輸入框去除首尾空格(推薦)

    這篇文章主要介紹了element必填校驗(yàn)輸入空格問(wèn)題修改正則表達(dá)式、請(qǐng)求攔截器實(shí)現(xiàn)所有輸入框去除首尾空格,本文通過(guò)圖文實(shí)例代碼相結(jié)合給大家講解的非常詳細(xì),感興趣的朋友跟隨小編一起看看吧
    2024-02-02
  • js 只比較時(shí)間大小的實(shí)例

    js 只比較時(shí)間大小的實(shí)例

    下面小編就為大家?guī)?lái)一篇js 只比較時(shí)間大小的實(shí)例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2017-10-10
  • JavaScript操作DOM元素的childNodes和children區(qū)別

    JavaScript操作DOM元素的childNodes和children區(qū)別

    這篇文章主要介紹了JavaScript操作DOM元素的childNodes和children區(qū)別,本文直接給出測(cè)試代碼和運(yùn)行效果來(lái)講解它們之間的區(qū)別,需要的朋友可以參考下
    2015-04-04

最新評(píng)論