DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> JavaScript格式化日期時間的方法和自定義格式化函數示例
JavaScript格式化日期時間的方法和自定義格式化函數示例
編輯:JavaScript綜合知識     

 JavaScript默認的時間格式我們一般情況下不會用,所以需要進行格式化,下面說說我總結的JavaScript時間格式化方法

很多時候,我們可以利用JavaScript中Date對象的內置方法來格式化,如:   代碼如下:var d = new Date(); console.log(d); // 輸出:Mon Nov 04 2013 21:50:33 GMT+0800 (中國標准時間) console.log(d.toDateString()); // 日期字符串,輸出:Mon Nov 04 2013 console.log(d.toGMTString()); // 格林威治時間,輸出:Mon, 04 Nov 2013 14:03:05 GMT console.log(d.toISOString()); // 國際標准組織(ISO)格式,輸出:2013-11-04T14:03:05.420Z console.log(d.toJSON()); // 輸出:2013-11-04T14:03:05.420Z console.log(d.toLocaleDateString()); // 轉換為本地日期格式,視環境而定,輸出:2013年11月4日 console.log(d.toLocaleString()); // 轉換為本地日期和時間格式,視環境而定,輸出:2013年11月4日 下午10:03:05 console.log(d.toLocaleTimeString()); // 轉換為本地時間格式,視環境而定,輸出:下午10:03:05 console.log(d.toString()); // 轉換為字符串,輸出:Mon Nov 04 2013 22:03:05 GMT+0800 (中國標准時間) console.log(d.toTimeString()); // 轉換為時間字符串,輸出:22:03:05 GMT+0800 (中國標准時間) console.log(d.toUTCString()); // 轉換為世界時間,輸出:Mon, 04 Nov 2013 14:03:05 GMT   如果上面的方法不能滿足我們的要求,也可以自定義函數來格式化時間,如:  代碼如下: Date.prototype.format = function(format) {        var date = {               "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+)/i.test(format)) {               format = format.replace(RegExp.$1, (this.getFullYear() + '').substr(4 - RegExp.$1.length));        }        for (var k in date) {               if (new RegExp("(" + k + ")").test(format)) {                      format = format.replace(RegExp.$1, RegExp.$1.length == 1                             ? date[k] : ("00" + date[k]).substr(("" + date[k]).length));               }        }        return format; } var d = new Date().format('yyyy-MM-dd'); console.log(d); // 2013-11-04
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved