`

如何使用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 日期数字文本格式化

    这篇博文"javascript 日期数字文本格式化"可能详细解释了如何使用自定义工具或库来实现这一功能。 首先,我们来看`02.bizplant-util-DateFormat.js`这个文件。这很可能是一个自定义的日期格式化工具函数,可能包含...

    javascript精确计算日期处理金额格式化

    Date对象是JavaScript中的内置对象,可以用来创建、操作和格式化日期。它提供了一些基本的方法,如`getFullYear()`, `getMonth()`, `getDate()`, `getHours()`等,用于获取日期的各个部分。然而,这些方法并不总是能...

    JavaScript格式化日期

    在JavaScript中,日期格式化是一项常见的任务,尤其是在处理用户界面展示或者数据存储时。`Date`对象是JavaScript内置的对象,提供了处理日期和时间的各种方法。在这个场景中,我们需要将一个像"XXXX年XX月XX日"这样...

    JavaScript - 格式化日期时间.zip

    Date对象是JavaScript的内置对象,它提供了创建、操作和格式化日期的方法。你可以通过new关键字来创建一个新的Date实例,例如: ```javascript let date = new Date(); ``` 这将创建一个表示当前日期和时间的新...

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

    以下是一个关于如何在Vue.js中使用过滤器格式化日期的详细说明: 1. **查看未过滤格式化的日期格式** 在Vue.js应用中,如果直接在模板中使用`{{ date }}`,默认情况下日期将以JavaScript原生的日期格式展示,如...

    JavaScript日期和时间格式化全指南

    无论是显示在用户界面上,还是进行数据存储和交换,正确地格式化日期和时间至关重要。JavaScript提供了多种方式来格式化日期和时间,包括原生的Date对象方法、国际化API(Intl对象)以及第三方库。本文将详细介绍...

    bootstap-talbe日期格式化

    为了格式化日期,我们可以利用 Bootstrap Table 的 `formatter` 属性。例如,我们希望日期以 "YYYY-MM-DD" 格式显示: ```javascript $(function() { $('#table').bootstrapTable({ columns: [{ field: 'id', ...

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

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

    Js获取当前日期时间及格式化代码

    描述中的知识点:介绍了如何使用JavaScript(Js)获取当前的日期和时间,并提供了一个格式化日期时间的代码示例。 标签中的知识点:涉及到Js在获取日期时间方面相关的几个关键功能和方法,包括获取年份、月份、日、...

    javascript验证日期格式

    - **国际化支持**:不同国家和地区的日期格式可能不同,如有些地区习惯使用日-月-年的格式。 - **用户友好性**:提供更详细的错误信息,指导用户如何正确输入日期。 综上所述,JavaScript中的日期格式验证是确保...

    javascript中Date format(js日期格式化)方法小结.docx

    ### JavaScript中的Date Format(JS日期格式化)方法详解 #### 概述 在日常的Web开发工作中,我们经常需要处理日期和时间相关的数据。JavaScript 的 `Date` 对象提供了多种方法来获取和设置日期时间,但原生 API 并...

    js 日期 format 格式化

    该标题简洁明了地指出了本文讨论的主题——使用JavaScript对日期进行格式化处理。在Web应用中,日期时间格式化的灵活性对于提高用户体验至关重要,因此掌握这一技能非常实用。 #### 描述:对前端日期进行格式化 这...

    javascript日期格式化方法汇总

    格式化日期时间就是将这些信息按照一定的格式转换成字符串,使之成为可读的日期时间格式。 ### 格式化日期时间的方法一 首先,我们可以通过扩展JavaScript中的`Date`对象来实现自定义的格式化方法。通过`Date`对象...

    javascript 格式化时间日期函数代码脚本之家修正版

    为了能够在中文环境下方便地使用和展示日期和时间,我们需要对JavaScript中的日期时间对象进行格式化。格式化的目的是为了按照特定的格式显示日期和时间,以便用户能够更容易地理解和接受。例如,将"2023-04-20T16:...

    时间日期JavaScript 选择时间日期

    JavaScript提供了一个内置的`Date`对象,可以用来创建、操作和格式化日期。你可以通过`new Date()`来创建一个日期实例,或者通过传递年、月、日等参数来初始化特定日期。`Date`对象提供了丰富的API,如`getFullYear...

    非常漂亮的javascript日期显示

    在网页中,日期显示是常见的需求,比如显示当前日期、格式化日期或者进行日期计算。标题“非常漂亮的javascript日期显示”所指的是利用JavaScript实现美观且功能丰富的日期展示效果。 JavaScript中的日期操作主要...

    JavaScript格式化日期时间的方法和自定义格式化函数示例

    JavaScript日期时间格式化是一个常见的需求,因为默认的时间格式往往不能满足特定的显示需求。以下是关于JavaScript日期时间格式化的知识点详解: 1. JavaScript中的Date对象:Date对象是JavaScript中的一个内置...

    使用javascript实时显示系统当前时间

    然后,使用`innerHTML`属性更新`bgclock`元素的内容,以显示格式化后的时间。最后,利用`setTimeout`函数设置一个定时器,每隔一定时间(例如200毫秒)重新调用`clockon`函数,从而实现时间的实时更新。 ```...

Global site tag (gtag.js) - Google Analytics