用JavaScript(js)对时间格式化

本文介绍两种JavaScript中日期格式化的实现方式。一种是通过扩展Date.prototype实现,支持自定义格式如'yyyy-MM-dd';另一种是利用JsJava库中的SimpleDateFormat类,允许更灵活地定制输出格式。

用JavaScript(js)对时间格式化

可以说是Web项目中不可或缺的一个Javascript类库,它可以帮助你快速的解决客户端编程的许多问题,下面贴出一个用js格式化时间的方法。

如果你看到这段文字,说明您正使用RSS阅读或转自《一棵树-博客园》,原文地址:http://www.cnblogs.com/atree/archive/2011/06/29/JS-JavaScript-Date-Format.html
复制代码
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
复制代码
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值