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

JavaScript實現(xiàn)日期格式化詳細(xì)實例

 更新時間:2023年09月13日 08:56:40   作者:孤獨守夜  
這篇文章主要給大家介紹了關(guān)于JavaScript實現(xiàn)日期格式化的相關(guān)資料,JavaScript中的日期對象提供了許多方法和屬性,可以通過它們來進(jìn)行日期的格式化,需要的朋友可以參考下

一、日期對象

 Date()是一個構(gòu)造函數(shù),創(chuàng)建date對象時使用構(gòu)造函數(shù)實例化對象

1、獲取當(dāng)前系統(tǒng)時間

  var date = new Date();  // new Date(); 獲取當(dāng)前系統(tǒng)時間
  // var date2 = new Date(15554457551111)  //new Date(毫秒數(shù))  代表創(chuàng)建毫秒數(shù)對象的日期對象
  console.log(date);  //獲取到的是當(dāng)前時間
  // console.log(typeof date);

2、日期的原始值

獲取到的是1970年1月1日至今的毫秒數(shù)

 console.log(date.getTime());  // getTime();  日期的原始值  獲取到的是1970年1月1日至今的毫秒數(shù)

3、獲取年份

console.log(date.getFullYear());  // date.getFullYear(); 獲取年份

4、獲取月份

月份從0開始的所以要加1

 console.log(date.getMonth() + 1); // date.getMonth();  獲取月份 月份從0開始的所以要加1

5、獲取日

console.log(date.getDate()); // date.getDate();  獲取日

6、獲取星期

console.log(date.getDay()); //date.getDay(); 獲取星期

7、獲取小時

 console.log(date.getHours());  //date.getHours(); 獲取小時

8、獲取分鐘

 console.log(date.getMinutes());  // date.getMinutes();  獲取分鐘

9、獲取秒

console.log(date.getSeconds()); //date.getSeconds();  獲取秒

二、通過日期對象的方法實現(xiàn)日期格式化

實現(xiàn)日期格式化效果圖

function dateFormat(date) {
    console.log(showTime(date.getHours()));
    var year = date.getFullYear();                // 年
    var month = showTime(date.getMonth() + 1);        // 月
    var week = showTime(date.getDay());           // 星期
    var day = showTime(date.getDate());          // 日
    var hours = showTime(date.getHours());         // 小時
    var minutes = showTime(date.getMinutes());    // 分鐘
    var second = showTime(date.getSeconds());     // 秒
    var str = '';
    str = str + year + '-' + month + '-' + week + '-' + day + '-' + hours + '-' + minutes + '-' + second
    document.write(str);
  }
  var date = new Date();
  dateFormat(date);
    // 封裝一個不夠兩位數(shù)就補零的函數(shù)
  function showTime(t) {
    var time
    time = t > 10 ? t : '0' + t
    return time
  }

日期格式化實現(xiàn)效果圖

其中包含封裝一個不夠兩位數(shù)就補零的函數(shù)

一個不夠兩位數(shù)就補零的函數(shù)

 // 封裝一個不夠兩位數(shù)就補零的函數(shù)
  function showTime(t) {
    var time
    time = t >= 10 ? t : '0' + t
    return time
  }

總結(jié) 

到此這篇關(guān)于JavaScript實現(xiàn)日期格式化的文章就介紹到這了,更多相關(guān)js日期格式化內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • 在TypeScript項目中搭配Axios封裝后端接口調(diào)用

    在TypeScript項目中搭配Axios封裝后端接口調(diào)用

    這篇文章主要介紹了在TypeScript項目中搭配Axios封裝后端接口調(diào)用,本文記錄一下在?TypeScript?項目里封裝?axios?的過程,之前在開發(fā)?StarBlog-Admin?的時候已經(jīng)做了一次封裝,不過那時是JavaScript跟TypeScript還是有些區(qū)別的,需要的朋友可以參考下
    2024-01-01
  • JavaScript中Number.isNaN 和 isNaN 的區(qū)別詳解

    JavaScript中Number.isNaN 和 isNaN 的區(qū)別詳解

    本文和大家分享一個前幾天寫代碼踩的坑,筆者在業(yè)務(wù)邏輯中需要對一個值進(jìn)行NaN的判斷,由于筆者的不嚴(yán)謹(jǐn),使用了isNaN,從而引起B(yǎng)ug,也正是因為這個,筆者才知道了isNaN和Number.isNaN的區(qū)別,所以本文就和大家聊聊它們的區(qū)別
    2023-09-09
  • js代碼實現(xiàn)無縫滾動(文字和圖片)

    js代碼實現(xiàn)無縫滾動(文字和圖片)

    js無縫滾動,圖片無縫滾動,文字無縫滾動,基于js代碼如何實現(xiàn),本篇文章給大家詳解js代碼實現(xiàn)無縫滾動(文字和圖片),需要的朋友可以參考下
    2015-08-08
  • wordpress之js庫集合研究介紹

    wordpress之js庫集合研究介紹

    wordpress之js庫集合研究介紹...
    2007-08-08
  • 微信小程序如何在頁面跳轉(zhuǎn)時進(jìn)行頁面導(dǎo)航

    微信小程序如何在頁面跳轉(zhuǎn)時進(jìn)行頁面導(dǎo)航

    小程序能夠在不同的頁面進(jìn)行跳轉(zhuǎn)切換,路由起到了至關(guān)重要的作用,下面這篇文章主要給大家介紹了關(guān)于微信小程序如何在頁面跳轉(zhuǎn)時進(jìn)行頁面導(dǎo)航的相關(guān)資料,需要的朋友可以參考下
    2022-09-09
  • 在js文件中引入(調(diào)用)另一個js文件的三種方法

    在js文件中引入(調(diào)用)另一個js文件的三種方法

    這篇文章主要介紹了在js文件中引入(調(diào)用)另一個js文件的三種方法,幫助大家更好的理解和學(xué)習(xí)JavaScript,感興趣的朋友可以了解下
    2020-09-09
  • 前端date.locale?is?not?a?function錯誤的簡單解決辦法

    前端date.locale?is?not?a?function錯誤的簡單解決辦法

    這篇文章主要給大家介紹了關(guān)于前端date.locale?is?not?a?function錯誤的簡單解決辦法,文中通過圖文介紹的非常詳細(xì),需要的朋友可以參考下
    2023-09-09
  • Js鼠標(biāo)跟隨代碼小手點擊實例方法

    Js鼠標(biāo)跟隨代碼小手點擊實例方法

    一個跟隨鼠標(biāo)的小手效果,鼠標(biāo)移在哪里,小手就跟著移向哪里,會出現(xiàn)手的效果,放在鏈接上的時候,手會變化,兩只手很可愛哦,JS鼠標(biāo)跟隨代碼分享與大家。
    2013-05-05
  • 如何安裝控制器JavaScript生成插件詳解

    如何安裝控制器JavaScript生成插件詳解

    這篇文章主要給大家介紹了關(guān)于如何安裝控制器JavaScript生成插件的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2018-10-10
  • js實現(xiàn)點擊后將文字或圖片復(fù)制到剪貼板的方法

    js實現(xiàn)點擊后將文字或圖片復(fù)制到剪貼板的方法

    這篇文章主要介紹了js實現(xiàn)點擊后將文字或圖片復(fù)制到剪貼板的方法,功能非常實用,需要的朋友可以參考下
    2014-08-08

最新評論