如何使用Javascript格式化日期显示

简介: 我们都知道在Java和PHP语言中,有专门用于格式化日期对象的类和函数,例如Java中的DateFormat等等,通过这些类和函数,我们可以方便的将一个日期对象按照格式的要求输出为字符串,例如对于同一个日期2006年12月25日,需要的显示格式可能如下:  2006年12月25日,2006-12-25,12-25-2006等等。  在Javascript之中,日期对象是Date,那么如何将一个
+关注继续查看
我们都知道在Java和PHP语言中,有专门用于格式化日期对象的类和函数,例如Java中的DateFormat等等,通过这些类和函数,我们可以方便的将一个日期对象按照格式的要求输出为字符串,例如对于同一个日期2006年12月25日,需要的显示格式可能如下:

  2006年12月25日,2006-12-25,12-25-2006等等。
  在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

JsJava是非常强大的,可以说是Web项目中不可或缺的一个Javascript类库,它可以帮助你快速的解决客户端编程的许多问题,你可以去http://www.jsjava.com下载源码和用户手册。 

顺便说一下,他的官方论坛是 :http://cnblog.jsjava.com/

相关文章
|
2月前
|
JavaScript
JS格式化中国标准时间
JS格式化中国标准时间
|
2月前
|
JSON JavaScript 前端开发
开发了一个json格式化工具,使用js格式化json的代码分享
今天给大家介绍一下如何通过js来格式化json。
25 0
|
3月前
|
JavaScript 前端开发
javascript整数千分位格式化函数
javascript整数千分位格式化函数
27 0
|
8月前
|
存储 JavaScript 前端开发
【JavaScript】47_Date对象 ,日期的格式化
# 8、Date Date - 在JS中所有的和时间相关的数据都由Date对象来表示 - 对象的方法: getFullYear() 获取4位年份 getMonth() 返当前日期的月份(0-11) getDate() 返回当前是几日 getDay() 返回当前日期是周几(0-6) 0表示周日 ...... ## getTime() 返回当前日期对象的时间戳 时间戳:自1970年1月1日0时0分0秒到当前时间所经历的毫秒数 计算机底层存储时间时,使用都是时间戳 Date.now() 获取当前的时间戳 ``` <s
149 0
|
8月前
|
JavaScript
js基础笔记学习192-日期得格式化2
js基础笔记学习192-日期得格式化2
38 0
js基础笔记学习192-日期得格式化2
|
8月前
|
JavaScript
JS之获取当前时间 增加 减少天数,并格式化返回(在Date原型上挂载方法实现)
JS之获取当前时间 增加 减少天数,并格式化返回(在Date原型上挂载方法实现)
135 0
JS之获取当前时间 增加 减少天数,并格式化返回(在Date原型上挂载方法实现)
|
9月前
|
JavaScript 算法 前端开发
【前端算法】JS实现数字千分位格式化
JS实现数字千分位格式化的几种思路,以及它们之间的性能比较
153 1
|
11月前
|
JavaScript
js获取当前时间日期,并将其格式化为YYYY-MM-DD,并且自定义返回
js获取当前时间日期,并将其格式化为YYYY-MM-DD,并且自定义返回
|
JavaScript
js:Date获取月份格式化为2位
js:Date获取月份格式化为2位
210 0
|
JavaScript 前端开发 API
Javascript 字符串与文本格式化
字符串 JavaScript中的 String 类型用于表示文本型的数据. 它是由无符号整数值(16bit)作为元素而组成的集合. 字符串中的每个元素在字符串中占据一个位置. 第一个元素的index值是0, 下一个元素的index值是1, 以此类推. 字符串的长度就是字符串中所含的元素个数.你可以通过String字面值或者String对象两种方式创建一个字符串。
249 0
相关产品
云迁移中心
推荐文章
更多