1. 程式人生 > 程式設計 >JavaScript內建日期、時間格式化時間例項程式碼

JavaScript內建日期、時間格式化時間例項程式碼

一、基礎知識(date物件的方法)

😜 getFullYear( ) 用於返回一個表示年份的4位數

🤣 getMonth( ) 返回表示月份的數字,但是返回值是 0(一月) 到 11(十二月) 之間的一個整數

😘 getDate( www.cppcns.com) 返回某一天

😊 getHours( ) 返回時間的小時欄位

😍 getMinutes( ) 返回時間的分鐘欄位

😎 getSeconds( ) 返回時間的秒,返回值是 0 ~ 59 之間的一個整數

二、格式化日期

案例:將此刻的時間格式化(因為時間在流逝,所以結果會不同喲!)

程式碼如下:

JavaScript內建日期、時間格式化時間例項程式碼

效果呈現:

JavaScript內建日期、時間格式化時間例項程式碼

三、封裝函式實現格式化日期(方便咱們後面使用)

程式碼如下:

JavaScript內建日期、時間格式化時間例項程式碼

效果呈現:

JavaScript內建日期、時間格式化時間例項程式碼

雖然這個案例比較簡單但是還是有需要注意的地方哈!比如我們在得到月份的時候必須要+1,否則返回的月份會比真實的月份少1。這也在提醒我們在程式設計客棧敲程式碼的時候一定要細心細心再細心!

附一個比較流行的js格式化日期和程式設計客棧時間的封裝函式:

Date.prototype.format = function(fmt){
  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.getFullYearhttp://www.cppcns.com
()+"").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; }

使用方法如下:

var now = new Date(); // 一般傳入毫秒時間戳進行初始化
var nowStr = now.format("yyyy-MM-dd hh:mm:ss");

四、總結

到此這篇關於javascript內建日期、時間格式化時間的文章就介紹到這了,更多相關javaScri程式設計客棧pt內建格式化時間內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們!