怎麼用javascript設定時間格式

2021-09-14 13:00:25

用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設定時間格式的詳細內容,更多請關注TW511.COM其它相關文章!