`

用JavaScript(js)对时间格式化

 
阅读更多

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

如果你看到这段文字,说明您正使用RSS阅读或转自《一棵树-博客园》,原文地址:http://www.cnblogs.com/atree/archive/2011/06/29/JS-JavaScript-Date-Format.html
Js代码
  1. Date.prototype.format=function(format)
  2. {
  3. varo={
  4. "M+":this.getMonth()+1,//month
  5. "d+":this.getDate(),//day
  6. "h+":this.getHours(),//hour
  7. "m+":this.getMinutes(),//minute
  8. "s+":this.getSeconds(),//second
  9. "q+":Math.floor((this.getMonth()+3)/3),//quarter
  10. "S":this.getMilliseconds()//millisecond
  11. }
  12. if(/(y+)/.test(format))format=format.replace(RegExp.$1,
  13. (this.getFullYear()+"").substr(4-RegExp.$1.length));
  14. for(varkino)if(newRegExp("("+k+")").test(format))
  15. format=format.replace(RegExp.$1,
  16. RegExp.$1.length==1?o[k]:
  17. ("00"+o[k]).substr((""+o[k]).length));
  18. returnformat;
  19. }

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

Js代码
  1. vard=newDate().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(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的官方文档,做了适当修改):

Js代码
  1. GEradesignator[url=]Text[/url]AD
  2. yYear[url=]Year[/url]1996;96
  3. MMonthinyear[url=]Month[/url]July;Jul;07
  4. wWeekinyear[url=]Number[/url]27
  5. WWeekinmonth[url=]Number[/url]2
  6. DDayinyear[url=]Number[/url]189
  7. dDayinmonth[url=]Number[/url]10
  8. FDayofweekinmonth[url=]Number[/url]2
  9. EDayinweek[url=]Text[/url]Tuesday;Tue
  10. aAm/pmmarker[url=]Text[/url]PM
  11. HHourinday(0-23)[url=]Number[/url]0
  12. kHourinday(1-24)[url=]Number[/url]24
  13. KHourinam/pm(0-11)[url=]Number[/url]0
  14. hHourinam/pm(1-12)[url=]Number[/url]12
  15. mMinuteinhour[url=]Number[/url]30
  16. sSecondinminute[url=]Number[/url]55
  17. SMillisecond[url=]Number[/url]978
分享到:
评论

相关推荐

    JavaScript格式化工具

    注意:需要转换的js文件里面不能有注释,有的话,它转换不了。 在网上下载一些js文件,但是打开后,就像一段话一样,好长,好长,没有任何格式,想看一下就不成。

    JavaScript仿PHP时间格式化函数

    对于每个占位符,函数内部会使用JavaScript的`Date`对象的方法来获取相应的日期或时间部分,并根据占位符的要求进行格式化。 例如,`Y`对应于`getFullYear()`,`m`对应于`getMonth()+1`(因为JavaScript中的月份是...

    JavaScript - 格式化日期时间.zip

    此外,除了手动格式化,还可以使用一些库,如Moment.js或date-fns,它们提供了更丰富的日期时间处理功能和易用的API,可以轻松实现各种复杂的日期时间格式化需求。不过,对于基础的格式化需求,了解和掌握JavaScript...

    js 时间格式化

    这篇博客文章“js 时间格式化”可能探讨了如何使用JavaScript来优雅地展示和处理日期与时间。 在JavaScript中,`Date`对象是处理日期和时间的基础。创建一个`Date`对象可以获取当前时间,例如: ```javascript var ...

    javascript的trim和日期时间格式化函数

    ### JavaScript中的Trim函数和日期时间格式化函数 在JavaScript中,字符串处理和日期操作是非常常见的需求,尤其是在数据清洗、格式转换等场景下。本文将详细介绍如何利用自定义方法实现字符串的Trim功能以及日期...

    javascript日期格式化

    在JavaScript中,我们可以使用内置的`Date`对象来创建、操作和格式化日期。 首先,`Date`对象是JavaScript中的内置构造函数,可以用来创建一个新的日期实例。例如: ```javascript let date = new Date(); // 创建...

    javascript 日期数字文本格式化

    在实际应用中,JavaScript的日期格式化可以使用多种方式实现,包括但不限于自定义函数、使用内置`Date`对象的`toLocaleString`或`toISOString`方法,或者利用第三方库,如Moment.js或date-fns。这些库提供了丰富的...

    JavaScript Code Improver JS代码格式化工具

    JavaScript Code Improver JS代码格式化工具JavaScript Code Improver JS代码格式化工具JavaScript Code Improver JS代码格式化工具JavaScript Code Improver JS代码格式化工具

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

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

    sql格式化JS脚本

    在给定的“sql格式化JS脚本”中,我们看到一个名为`SqlFormat.js`的文件,它提供了在前端环境中对SQL语句进行格式化的功能。 这个JavaScript库`SqlFormat.js`允许前端开发者在用户界面直接处理和格式化SQL查询,...

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

    标题中的知识点:Js获取当前日期时间及格式化代码。 描述中的知识点:介绍了...上述代码和方法展示了如何使用JavaScript进行日期时间的基本操作和格式化处理,方便开发者在日常开发过程中对日期时间进行处理和展示。

    javascript 格式化工具

    javascript格式化工具javascript格式化工具javascript格式化工具javascript格式化工具javascript格式化工具javascript格式化工具javascript格式化工具

    jsp,js,javascript,java代码格式化工具

    可以对一个,或则多个jsp,js,javascript,java文件源代码格式化工具,其中jsp文件,内可以含,javascript,vbscript等,都能格式化,有问题联系gisoracle@126.com 使用C#开发,请安装.net2.0

    JavaScript代码格式化工具

    JavaScript代码格式化工具是开发过程中不可或缺的辅助软件,主要用于整理和优化JS(JavaScript)源代码的格式,使得代码更易读、易维护。在实际工作中,我们常常会遇到从网络上下载或者他人分享的JavaScript代码,...

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

    JavaScript提供了多种方式来格式化日期和时间,包括原生的Date对象方法、国际化API(Intl对象)以及第三方库。本文将详细介绍这些方法,并提供实际代码示例。 在JavaScript中格式化日期和时间是一个涉及多种方法和...

    JavaScript数字格式化

    该文档为javascript的数字格式化方法,可用于保留小数位,强制添0等操作

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

    例如,Moment.js允许你用`moment().format('YYYY-MM-DD')`来轻松地格式化日期,而date-fns则推崇更简洁的API设计,如`format(new Date(), 'yyyy-MM-dd')`。 现在,我们转向金额格式化。在JavaScript中,原始数字...

    javascript格式化和压缩工具

    首先,JavaScript格式化工具的主要任务是将混乱无序的代码整理成易于阅读和维护的格式。当开发者从他人处获取代码或在多人协作项目中工作时,代码风格的统一显得尤为重要。一些常用的JavaScript格式化工具有Prettier...

    JS 格式化时间

    然而,JavaScript没有内置的函数来直接实现复杂的日期格式化,所以通常需要自定义函数或者使用第三方库,如moment.js或date-fns。 以下是一个简单的自定义格式化时间的函数示例: ```javascript function ...

    实用工具 格式化Html格式,格式代javasctip格式,javascript代码压缩

    总结起来,这个压缩包提供了HTML格式化和JavaScript格式化及压缩的相关工具,对于网页程序员来说是非常实用的资源。通过使用这些工具,开发者可以更高效地管理和优化他们的代码,从而提高工作效率并提升项目质量。

Global site tag (gtag.js) - Google Analytics