我们都知道在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 日期数字文本格式化"可能详细解释了如何使用自定义工具或库来实现这一功能。 首先,我们来看`02.bizplant-util-DateFormat.js`这个文件。这很可能是一个自定义的日期格式化工具函数,可能包含...
Date对象是JavaScript中的内置对象,可以用来创建、操作和格式化日期。它提供了一些基本的方法,如`getFullYear()`, `getMonth()`, `getDate()`, `getHours()`等,用于获取日期的各个部分。然而,这些方法并不总是能...
在JavaScript中,日期格式化是一项常见的任务,尤其是在处理用户界面展示或者数据存储时。`Date`对象是JavaScript内置的对象,提供了处理日期和时间的各种方法。在这个场景中,我们需要将一个像"XXXX年XX月XX日"这样...
Date对象是JavaScript的内置对象,它提供了创建、操作和格式化日期的方法。你可以通过new关键字来创建一个新的Date实例,例如: ```javascript let date = new Date(); ``` 这将创建一个表示当前日期和时间的新...
以下是一个关于如何在Vue.js中使用过滤器格式化日期的详细说明: 1. **查看未过滤格式化的日期格式** 在Vue.js应用中,如果直接在模板中使用`{{ date }}`,默认情况下日期将以JavaScript原生的日期格式展示,如...
无论是显示在用户界面上,还是进行数据存储和交换,正确地格式化日期和时间至关重要。JavaScript提供了多种方式来格式化日期和时间,包括原生的Date对象方法、国际化API(Intl对象)以及第三方库。本文将详细介绍...
为了格式化日期,我们可以利用 Bootstrap Table 的 `formatter` 属性。例如,我们希望日期以 "YYYY-MM-DD" 格式显示: ```javascript $(function() { $('#table').bootstrapTable({ columns: [{ field: 'id', ...
js通用日期格式化工具,直接引用该工具类就可以使用,方便快捷,建议大家收藏此工具类,该工具很好的解决了前端页面显示日期格式问题
描述中的知识点:介绍了如何使用JavaScript(Js)获取当前的日期和时间,并提供了一个格式化日期时间的代码示例。 标签中的知识点:涉及到Js在获取日期时间方面相关的几个关键功能和方法,包括获取年份、月份、日、...
- **国际化支持**:不同国家和地区的日期格式可能不同,如有些地区习惯使用日-月-年的格式。 - **用户友好性**:提供更详细的错误信息,指导用户如何正确输入日期。 综上所述,JavaScript中的日期格式验证是确保...
### JavaScript中的Date Format(JS日期格式化)方法详解 #### 概述 在日常的Web开发工作中,我们经常需要处理日期和时间相关的数据。JavaScript 的 `Date` 对象提供了多种方法来获取和设置日期时间,但原生 API 并...
该标题简洁明了地指出了本文讨论的主题——使用JavaScript对日期进行格式化处理。在Web应用中,日期时间格式化的灵活性对于提高用户体验至关重要,因此掌握这一技能非常实用。 #### 描述:对前端日期进行格式化 这...
格式化日期时间就是将这些信息按照一定的格式转换成字符串,使之成为可读的日期时间格式。 ### 格式化日期时间的方法一 首先,我们可以通过扩展JavaScript中的`Date`对象来实现自定义的格式化方法。通过`Date`对象...
为了能够在中文环境下方便地使用和展示日期和时间,我们需要对JavaScript中的日期时间对象进行格式化。格式化的目的是为了按照特定的格式显示日期和时间,以便用户能够更容易地理解和接受。例如,将"2023-04-20T16:...
JavaScript提供了一个内置的`Date`对象,可以用来创建、操作和格式化日期。你可以通过`new Date()`来创建一个日期实例,或者通过传递年、月、日等参数来初始化特定日期。`Date`对象提供了丰富的API,如`getFullYear...
在网页中,日期显示是常见的需求,比如显示当前日期、格式化日期或者进行日期计算。标题“非常漂亮的javascript日期显示”所指的是利用JavaScript实现美观且功能丰富的日期展示效果。 JavaScript中的日期操作主要...
JavaScript日期时间格式化是一个常见的需求,因为默认的时间格式往往不能满足特定的显示需求。以下是关于JavaScript日期时间格式化的知识点详解: 1. JavaScript中的Date对象:Date对象是JavaScript中的一个内置...
然后,使用`innerHTML`属性更新`bgclock`元素的内容,以显示格式化后的时间。最后,利用`setTimeout`函数设置一个定时器,每隔一定时间(例如200毫秒)重新调用`clockon`函数,从而实现时间的实时更新。 ```...