JavaScript时间格式化实用教程：代码实例与方法解析

需积分: 14 64 浏览量更新于2024-08-30 收藏 62KB PDF 举报

本文主要介绍了在JavaScript中格式化时间的方法。JavaScript作为Web开发中的核心语言，其Date对象提供了丰富的日期和时间处理功能。在实际开发中，我们经常需要将日期对象转换成用户友好的格式，以便于显示或者存储。首先，作者介绍了一种自定义实现的日期格式化方法，利用Date.prototype扩展了一个名为format的原型方法。这个方法接受一个格式字符串（format）作为参数，通过正则表达式匹配并替换不同的时间单位。例如： - `M+` 表示月份，加1后表示（01-12）； - `d+` 表示日期，直接显示（1-31）； - `h+` 表示小时，24小时制（00-23）； - `m+` 表示分钟（00-59）； - `s+` 表示秒（00-59）； - `q+` 计算季度，四舍五入到最接近的整数（1-4）； - `S` 表示毫秒，保留到小数点后三位。代码中的正则表达式匹配确保了数字始终为两位，不足两位时前面补零。通过这种方式，开发者可以根据需求定制输出的日期格式，如 'yyyy-MM-dd' 或者 'HH:mm:ss.SSS'。另外，文章还提到了Date对象的内置方法，它们分别是： 1. `toGMTString()`：返回以格林尼治标准时间 (GMT) 的格式表示的日期和时间。 2. `toLocaleString()`：返回根据本地设置的日期和时间格式化的字符串。 3. `toLocaleDateString()`：返回只包含日期的部分，格式化为本地日期。 4. `toLocaleTimeString()`：返回只包含时间的部分，格式化为本地时间。这些内置方法通常更方便，可以直接获取预设格式的日期，但如果你需要更大的灵活性，自定义的format方法会是一个有用的工具。使用时，只需创建一个新的Date对象，然后调用`format`方法即可，如`new Date().format('yyyy-MM-dd')`。总结来说，本文讲解了JavaScript如何通过原型方法和内置函数对日期进行格式化，无论是简单的格式化还是复杂的定制，都为开发者提供了解决实际问题的实用技巧。

js格式化时间的方法格式化时间的方法

本文为大家分享了javascript时间格式化的方法，分享给大家供大家参考，具体内容如下

可以说是Web项目中不可或缺的一个Javascript类库，它可以帮助你快速的解决客户端编程的许多问题，下面贴出一个用js格

式化时间的方法。

Date.prototype.format =function(format)

{

var o = {

"M+" : this.getMonth()+1, //month

"d+" : this.getDate(), //day

"h+" : this.getHours(), //hour

"m+" : this.getMinutes(), //minute

"s+" : this.getSeconds(), //second

"q+" : Math.floor((this.getMonth()+3)/3), //quarter

"S" : this.getMilliseconds() //millisecond

}

if(/(y+)/.test(format)) format=format.replace(RegExp.$1,

(this.getFullYear()+"").substr(4- RegExp.$1.length));

for(var k in o)if(new RegExp("("+ k +")").test(format))

format = format.replace(RegExp.$1,

RegExp.$1.length==1? o[k] :

("00"+ o[k]).substr((""+ o[k]).length));

return format;

}

以上代码必须先声明，然后在使用。使用方法：

var d =new Date().format('yyyy-MM-dd');

另一种方法：

在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(2015,12,18,10,59,51);

var str=df.format(date);

document.write(str);//显示结果为：2015-12-18 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

下载后可阅读完整内容，剩余3页未读，立即下载

weixin_38677936

粉丝: 3
资源: 954

JavaScript时间格式化实用教程：代码实例与方法解析

js日期时间格式化日期时间格式化

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

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

js 格式化日期 JavaScript格式化日期类型

javascript格式化日期时间方法汇总

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

JavaScript日期格式化方法

JavaScript 格式化时间日期

javascript日期格式化方法汇总

JavaScript格式化日期

最新资源