一个JavaScript日期格式化扩展函数

我们都知道在Java和PHP语言中,有专门用于格式化日期对象的类和函数,例如Java中的DateFormat等等,通过这些类和函数,我们可以方便的将一个日期对象按照格式的要求输出为字符串,例如对于同一个日期2006年12月25日,需要的显示格式可能如下:

2010年12月25日,2010-12-25,12-25-2010等等。

在Javascript之中,日期对象是Date,那么如何将一个日期对象按照定制的格式进行输出呢?

Date对象有有四个内置方法,用于输出为字符串格式,分别为:广德县能源局

  1. toGMTString,将一个日期按照GMT格式显示
  2. toLocaleString,将一个日期按照本地操作
  3. toLocaleDateString,按照本地格式显示一个日期对象的日期部分
  4. toLocaleTimeString,按照本地格式显示一个日期对象的时间部分

尽管Javascript的Date对象中内置提供了这些输出为字符串的方法,但是这些字符串不是我们来控制格式的,因此如果我们需要我们自己定制的特殊格式,那么又该怎么办呢?

不用着急,JsJava中提供了专用的类,专门对日期进行指定格式的字符串输出,你可以下载JsJava-1.0.zip,引入其中的src/jsjava/text/DateFormat.js,或者直接引入jslib/jsjava-1.0.js,样例代码如下:

	var df=new DateFormat();
    df.applyPattern("yyyy-MM-dd hh:mm:ss");
    var date=new Date(2010,3,30,10,59,51);
    var str=df.format(date);
    document.write(str);//显示结果为:2010-04-30 10:59:51

通过上面的例子你可以看出,你需要做的就是指定pattern,那么pattern中yyyy、MM等都表示什么意思呢?如果你学习过Java的日期格式化,那么你应该知道,那都是占位符,这些占位符都具有特殊的函数,例如y表示年,yyyy表示四个数字的年份。

效果演示

格式化的日期对象为:

日期对象为:Fri Oct 31 2014 21:40:01 GMT+0800 (中国标准时间)

JavaScript Code

<script type="text/javascript">
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();
document.write(‘日期对象为:‘);
document.write(d);
var str = d.format(‘yyyy-MM-dd‘);
var today = document.getElementById("todayButton");
today.value = str;
</script>
时间: 2024-08-03 07:17:27

一个JavaScript日期格式化扩展函数的相关文章

JavaScript 日期格式化 简单实用

JavaScript 日期格式化 简单实用 代码如下,引入jquery后直接后加入以下代码刷新可测试 Date.prototype.Format = function (fmt) { //author: meizz var o = { "M+": this.getMonth() + 1, //月份 "d+": this.getDate(), //日 "h+": this.getHours(), //小时 "m+": this.

JavaScript日期格式化及解析

JavaScript开发经常需要对日期进行转换,把日期转成字符串或者从字符串生成日期.JavaScript日期对象内置了简单的日期格式化方法toString()和日期解析方法Date.parse(),这两个方法有较大的局限性,不能自定义自定义日期格式化和解析的字符串格式.下面列出一些常用的日期处理JS库. 名称 描述 Xdate XDate对Javascirpt本地Date对象进行了轻度包装,它提供对日期解析.格式化以及其他操作的加强功能,实现了本地Date对象的相同方法.https://git

Javascript 日期格式化 相关操作

1.相关扩展函数 //--------------------------------------------------- // 判断闰年 //--------------------------------------------------- Date.prototype.isLeapYear = function() { return (0==this.getYear()%4&&((this.getYear()%100!=0)||(this.getYear()%400==0)));

javascript日期格式化方法汇总

本文给大家汇总介绍了javascript格式化日期时间的几种常用方法,个人对最后一种个性化输出时间比较有兴趣,基本上只要项目中能用到都是使用这种,推荐给小伙伴们. 方法一: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 // 对Date的扩展,将 Date 转化为指定格式的String // 月(M).日(d).小时(h).分(m).秒(s).季度(q) 可以用 1-2 个占位符, // 年(y)可以用 1-4 个占位符,毫秒(S

javascript日期格式化的实现,支持n多种格式化日期类型

/** * 日期格式化 * @param format * 格式化参数,支持各种日期格式 * @returns {string} * 返回格式化后日期 */ /* eslint-disable no-extend-native */ /* eslint-disable indent */ Date.prototype.dateFormart = Date.prototype.dateFormart || function (format) { console.log(this) /* eslin

JavaScript 日期格式化 简单有用

代码例如以下,引入jquery后直接后增加下面代码刷新可測试 Date.prototype.Format = function (fmt) { //author: meizz var o = { "M+": this.getMonth() + 1, //月份 "d+": this.getDate(), //日 "h+": this.getHours(), //小时 "m+": this.getMinutes(), //分 &q

轻松搞定javascript日期格式化问题

1 Date.prototype.format = function(f){ 2 var d = this 3 f = f || "yyyy-MM-dd hh:mm:ss" 4 return f.replace(/[yMdhms]+/g, function(item){ 5 switch (item) { 6 case "yyyy": 7 return d.getFullYear() 8 break 9 case "MM": 10 return

[Javascript] 一定能用到的Javascript日期处理类库大全

JavaScript的日期处理我们经常用到,可是JavaScript自带的日期对象总还是薄弱了些,这里列举的这几个类库完全可以满足你的日常需要. 1. XDate 这个类库是javascript本地日期对象的封装,提供了加强的方法来帮助你解析,格式化和日期处理. 使用它就类似使用javascript自己的方法,所以非常简单,相信大家会喜欢的! (转 载请注明出处:[url=http://www.live588.org]淘金盈[/url] [url=http://www.tswa.org]博彩 通

[Javascript] 5个最佳的Javascript日期处理类库

在大家日常网站开发和web应用开发中,我们往往需要有效的调用Javascript处理日期和时间格式相关的函数,在Javascript中已经包含了部分最基本的内建处理方法. 在大家日常网站开发和web应用开发中,我们往往需要有效的调用Javascript处理日期和时间格式相关的函数,在Javascript中已经包含了部分最基本的内建处理方法.当然如果大家有时间的话,完全可以自己开发和编写需要的方法,但是有效的使用别人已经开发好的类库肯定是一个更好的处理方式,没有必要什么都原创吧,君子善假于物也.今