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

转载 2007年09月29日 11:05:00

【来源:JsJava官方中文博客

  我们都知道在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-1.0.zip,引入其中的src/jsjava/text/DateFormat.js,或者直接引入jslib/jsjava-1.0.js,样例代码如下:

    var df=new DateFormat();//注意2.0版本中使用其子类SimpleDateFormat
    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的官方文档,做了适当修改):

 

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

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

 
 

相关文章推荐

JavaScript前台页面使用jsjava对后台传过来的日期进行格式化

javascript日期格式化

javascript日期格式化

  • 2013年11月25日 11:04
  • 41KB
  • 下载

JavaScript格式化日期

  • 2009年12月18日 00:32
  • 484B
  • 下载

javascript常用开发笔记:一个简单强大的js日期格式化方法

前言:一直没找到好用的javascript日期格式化工具,自己写了一个,方便以后复用 1、主要功能 (1)支持任意顺序的日期格式排列:yyyy=年,MM=月,dd=日,HH=时,mm=分,ss=秒...
  • eguid_1
  • eguid_1
  • 2016年12月19日 11:22
  • 1130

JavaScript-日期格式化(一)

日期格式化

JavaScript Date format(js日期格式化)

通过JavaScript格式化时间,是前端很常用的方法,由于对前端不太熟悉,所以每次使用都要百度一番,甚是麻烦,所以Copy一份,以后备用。...
  • mrlmx
  • mrlmx
  • 2017年04月19日 14:12
  • 72

对 meizz javascript date format 日期格式化函数的增强和改写

meizz的javascript日期格式化函数很好用 原帖请见:http://blog.csdn.net/meizz/article/details/405708 Date.prototype...
  • KimSoft
  • KimSoft
  • 2012年08月13日 14:27
  • 2318

Javascript 日期格式化

/** * 时间格式化 返回格式化的时间 * @param date {object} 可选参数,要格式化的data对象,没有则为当前时间 * @param fomat...

JavaScript一些格式化日期方法

这些方法都是在做项目的时候写的,有些可能写的不好,但是收集起来可以做为一个日期格式化工具了。var dateUtils = { /** * 格式化日期 * @param d...

JavaScript自定义日期格式化函数

我们对 JavaScript 扩展其中一个较常的做法便是对 Date.prototype 的扩展。因为我们知道,Date 类只提供了若干获取日期元素的方法,如 getDate(),getMinute(...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:如何使用Javascript格式化日期显示
举报原因:
原因补充:

(最多只允许输入30个字)