如何使用javascript設置時間格式

這篇文章主要介紹如何使用javascript設置時間格式，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

用javascript設置時間格式的方法：1、使用“new Date().format('yyyy-MM-dd');”方式對時間格式化；2、通過js內置方法將日期按字符串格式輸出。

本文操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。

怎么用javascript設置時間格式？

用JavaScript(js)對時間格式化

可以說是Web項目中不可或缺的一個Javascript類庫，它可以幫助你快速的解決客戶端編程的許多問題，下面貼出一個用js格式化時間的方法。

Date.prototype.format =function(format)
{
var o = {
"M+" : this.getMonth()+1, //month
"d+" : this.getDate(), //day
"h+" : this.getHours(), //hour
"m+" : this.getMinutes(), //minute
"s+" : this.getSeconds(), //second
"q+" : Math.floor((this.getMonth()+3)/3), //quarter
"S" : this.getMilliseconds() //millisecond
}
if(/(y+)/.test(format)) format=format.replace(RegExp.$1,
(this.getFullYear()+"").substr(4- RegExp.$1.length));
for(var k in o)if(new RegExp("("+ k +")").test(format))
format = format.replace(RegExp.$1,
RegExp.$1.length==1? o[k] :
("00"+ o[k]).substr((""+ o[k]).length));
return format;
}

以上代碼必須先聲明，然后在使用。使用方法：

var d =new Date().format('yyyy-MM-dd');

另一種方法：

在Javascript之中，日期對象是Date，那么如何將一個日期對象按照定制的格式進行輸出呢？

可以現告訴你，Date對象有有四個內置方法，用于輸出為字符串格式，分別為：

1）toGMTString，將一個日期按照GMT格式顯示

2）toLocaleString，將一個日期按照本地操作系統格式顯示

3）toLocaleDateString，按照本地格式顯示一個日期對象的日期部分

4）toLocaleTimeString，按照本地格式顯示一個日期對象的時間部分

盡管Javascript的Date對象中內置提供了這些輸出為字符串的方法，但是這些字符串不是我們來控制格式的，因此如果我們需要我們自己定制的特殊格式，那么又該怎么辦呢？

不用著急，JsJava中提供了專用的類，專門對日期進行指定格式的字符串輸出，你可以下載JsJava-2.0.zip，引入其中的src/jsjava/text/DateFormat.js，或者直接引入jslib/jsjava-2.0.js，樣例代碼如下：

var df=new SimpleDateFormat();//jsJava1.0需要使用DateFormat對象，不要弄錯就是了
df.applyPattern("yyyy-MM-dd HH:mm:ss");
var date=new Date(2007,3,30,10,59,51);
var str=df.format(date);
document.write(str);//顯示結果為：2007-04-30 10:59:51

通過上面的例子你可以看出，你需要做的就是指定pattern，那么pattern中yyyy、MM等都表示什么意思呢？如果你學習過Java的日期格式化，那么你應該知道，那都是占位符，這些占位符都具有特殊的函數，例如y表示年，yyyy表示四個數字的年份，例如1982，下面列舉一些pattern中支持的特殊字符及其含義（下面表格引自Java的官方文檔，做了適當修改）：

G Era designator [url=]Text[/url] AD
y Year [url=]Year[/url] 1996; 96
M Month in year [url=]Month[/url] July; Jul; 07
w Week in year [url=]Number[/url] 27
W Week in month [url=]Number[/url] 2
D Day in year [url=]Number[/url] 189
d Day in month [url=]Number[/url] 10
F Day of week in month [url=]Number[/url] 2
E Day in week [url=]Text[/url] Tuesday; Tue
a Am/pm marker [url=]Text[/url] PM
H Hour in day (0-23) [url=]Number[/url] 0
k Hour in day (1-24) [url=]Number[/url] 24
K Hour in am/pm (0-11) [url=]Number[/url] 0
h Hour in am/pm (1-12) [url=]Number[/url] 12
m Minute in hour [url=]Number[/url] 30
s Second in minute [url=]Number[/url] 55
S Millisecond [url=]Number[/url] 978

以上是“如何使用javascript設置時間格式”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注億速云行業資訊頻道！