`

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

阅读更多
我们都知道在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/



本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/xzknet/archive/2008/04/10/2278101.aspx
分享到:
评论

相关推荐

    【JavaScript源代码】vue使用过滤器格式化日期.docx

    vue使用过滤器格式化日期  本文实例为大家分享了vue使用过滤器格式化日期的具体代码,供大家参考,具体内容如下 1、查看未过滤格式化的日期格式 2、设置模板函数format 接收日期值和日期格式 3、按照日期格式对...

    js通用日期格式化工具 date.js

    js通用日期格式化工具,直接引用该工具类就可以使用,方便快捷,建议大家收藏此工具类,该工具很好的解决了前端页面显示日期格式问题

    javascript日期格式化方法小结

    主要介绍了javascript日期格式化方法,实例总结了JavaScript针对日期与时间的格式化操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下

    Javascript日期格式化format函数的使用方法

    主要介绍的是javascript时间格式format函数,我们有时候调用的new Date()不是格式化的时间,可能显示不是很正常,那么这时候就需要格式化时间,今天这里分享一个javascript的foramt()函数,有需要的可以参考借鉴。

    JavaScript日期处理类库Moment.js.zip

    Moment.js 是一个简单易用的轻量级JavaScript日期处理类库,提供了日期格式化、日期解析等功能。它支持在浏览器和NodeJS两种环境中运行。此类库能够将给定的任意日期转换成多种不同的格式,具有强大的日期计算功能,...

    Javascript将JSON日期格式化

    在做项目中,将实体转化为JSON后,结果后台返回json时间格式为/Date(1306418993027)/,在前台JS里显示的并不是真正的日期,而且我们不能把所有日期字段都变成string吧,因此写了Javascript的扩展方法,来实现这个...

    JS IOS/iPhone的Safari浏览器不兼容Javascript中的Date()问题如何解决

    var date = new Date('2016-...想着估计是字符串格式的问题,改成’2016/11/11 11:11:11’再测试,结果正常,以为这样应该没问题了,再用手机浏览器继续访问,android正常,iPhone继续报错, 再改”Nov 11 2016 11:11:

    dateio:一个轻量级JavaScript日期库,用于显示和格式化日期

    如果只需要最基本的取值和格式化日期功能,请安装: npm install cz848/dateio#get APIs  dateio.js为Date对象创建了一个包装器,称为DateIO对象。DateIO对象又被dateio包装为一个函数,使得传入一个DateIO对象时...

    JavaScript实现的一个日期格式化函数分享

    由于在工作中,经常需要对日期进行格式化,不像后端那样,有方便的方法可调用,可以在date的对象prototype中定义一个format方法,见如下: 代码如下: // 日期时间原型增加格式化方法 Date.prototype.Format = ...

    javascript日期对象格式化为字符串的实现方法

    javascript提供的日期格式化太简单,一般应用都需要自己实现格式化方法.下面是我想出的一个格式化处理方案,应该是可以满足常用的需求.日期模板中可以使用任意分隔符,还可以使用文字作为分隔符,甚至支持类似yyyyMMdd之...

    javascript-timeframe:以人类可读的格式本地化日期和时间

    它以可读格式格式化日期 例子: 1分钟前 2个月前 在3个月内 现在 4年前 安装 选项A:NPM安装 npm install javascript - timeframe -- save 选项B.使用CDN 您可以直接从jsDelivr CDN加载时间范围。 ...

    JavaScript基础教程第8版

    7.5 对字符串进行格式化和排序 144 7.6 对字符串进行格式化和验证 146 7.7 使用正则表达式替换元素 148 第8章 处理事件 151 8.1 处理窗口事件 151 8.1.1 onload1事件 151 8.1.2 onunload事件 154 ...

    100个直接可以拿来用的JavaScript实用功能代码片段(1-10)

    25、原生JavaScript格式化CSS样式代码 26、原生JavaScript压缩CSS样式代码 27、原生JavaScript获取当前路径 28、原生JavaScriptIP转成整型 29、原生JavaScript整型解析为IP地址 30、原生JavaScript实现checkbox全选...

    史上最强JavaScript日历控件正式版(无偿的永久的提供给大家免费使用,含全部源代码)

    yMdHmswW分别代表年月日时分秒星期周,你可以任意组合这些元素来自定义你个性化的日期格式. 如:"yyyy年M月d日 HH时mm分" 返回:"2008年3月12日 19时20分" 编辑功能 不知道您是否已经注意到,当日期框里面有值时,右下角...

    JavaScript经典实例

     第1章使用JavaScript字符串  1.0简介  1.1连接两个或多个字符串  1.2连接字符串和另一种数据类型  1.3条件比较字符串  1.4在字符串中查找子字符串  1.5从一个字符串提取子字符串  1.6检查一个存在的、非空...

    WdatePicker日期插件框架资源包4.8.5

    多种日期格式:WdatePicker支持多种日期格式显示和输入,用户可以根据需要自定义日期显示的格式,如年-月-日、月/日/年等。 本地化支持:WdatePicker支持多语言和本地化设置,可以根据用户所在地区自动显示对应的...

    JavaScript网页特效范例宝典源码

    实例107 显示长日期格式的系统日期 169 实例108 实时显示系统时间 171 第4章 日期和时间 173 4.1 日期时间显示 174 实例109 在标题栏中显示日期时间 174 实例110 使用toLocaleString()方法获取本地时间 176 实例111 ...

    Excel-Add-in-Create-Date-Picker:Office的此示例应用程序展示了如何在Excel 2013任务窗格应用程序中使用HTML,CSS和JavaScript来演示日期选择器

    图2显示了将日期插入工作表后的格式化日期。 该示例演示如何执行以下任务: 将事件附加到HTML元素。 通过指定各种选项,自定义包含在jquery-ui.js JavaScript库中的datepicker方法。 通过使用JavaScript向HTML元素...

    JavaScript实战

    11.3.4 格式化发送给服务器的数据 341 11.3.5 处理来自服务器的数据 343 11.3.6 教程:使用get( )函数 347 11.4 JSON 351 11.4.1 访问JSON数据 353 11.4.2 复杂的JSON对象 354 第12章 Ajax编程基础 357 12.1 Tabs...

    react-time-ago:实时显示格式化的日期字符串

    格式化程序是可插拔和可扩展的。 默认情况下,它会使用now , X minute(s) ago , X hour(s) ago和X day(s) ago 。 它使用renderProp模式让您完全控制东西的渲染方式。 内部使用 。 演示: : 与其他可用解决方案的...

Global site tag (gtag.js) - Google Analytics