参考http://blog.sina.com.cn/s/blog_4fe24bbf0100gsww.html
的第二种做日期的格式化
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
<script>
Date.prototype.format = function(mask) {
var d = this;
var zeroize = function (value, length) {
if (!length) length = 2;
value = String(value);
for (var i = 0, zeros = ''; i < (length - value.length); i++) {
zeros += '0';
}
return zeros + value;
};
return mask.replace(/"[^"]*"|'[^']*'|\b(?:d{1,4}|m{1,4}|yy(?:yy)?|([hHMstT])\1?|[lLZ])\b/g, function($0) {
switch($0) {
case 'd': return d.getDate();
case 'dd': return zeroize(d.getDate());
case 'ddd': return ['Sun','Mon','Tue','Wed','Thr','Fri','Sat'][d.getDay()];
case 'dddd': return ['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'][d.getDay()];
case 'M': return d.getMonth() + 1;
case 'MM': return zeroize(d.getMonth() + 1);
case 'MMM': return ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'][d.getMonth()];
case 'MMMM': return ['January','February','March','April','May','June','July','August','September','October','November','December'][d.getMonth()];
case 'yy': return String(d.getFullYear()).substr(2);
case 'yyyy': return d.getFullYear();
case 'h': return d.getHours() % 12 || 12;
case 'hh': return zeroize(d.getHours() % 12 || 12);
case 'H': return d.getHours();
case 'HH': return zeroize(d.getHours());
case 'm': return d.getMinutes();
case 'mm': return zeroize(d.getMinutes());
case 's': return d.getSeconds();
case 'ss': return zeroize(d.getSeconds());
case 'l': return zeroize(d.getMilliseconds(), 3);
case 'L': var m = d.getMilliseconds();
if (m > 99) m = Math.round(m / 10);
return zeroize(m);
case 'tt': return d.getHours() < 12 ? 'am' : 'pm';
case 'TT': return d.getHours() < 12 ? 'AM' : 'PM';
case 'Z': return d.toUTCString().match(/[A-Z]+$/);
// Return quoted strings with the surrounding quotes removed
default: return $0.substr(1, $0.length - 2);
}
});
};
$().ready(function(){
alert(new Date().format("yy-MM-dd HH:mm"));
})
</script>
</head>
<body>
</body>
</html>
如果是将输入的日期+时间做格式化,比如01/01/2010 12:30:30或者01-01-2010 12:30:30,直接用
new Date("01-01-2010 12:30:30")
弹出的是
N-NaN-NaN NaN:NaN
用new Date(Date.parse("01-01-2010 12:30:30"))也是一样
查了一下,发现Date.parse里的格式只能用01/01/2010(2010/01/01也可以),01-01-2010会报错。
参考:
http://hi.baidu.com/wanghui320/item/e942e543d9bb42a961d7b9d2
今天在使用它比较日期先后的时候遇到了一个奇怪的问题,是关于日期格式的,parse方法要求短日期可以使用“/”或“-”作为分隔符,但是必须用月/日/年的格式来表示,例如今天是“7/6/2008”或是“7-6-2008”,问题就出现在这里,当使用“7-6-2008”这种格式时,在 IE中可以正常解析,但在FireFox中,返回值却总是NaN。一开始以为是代码出现问题,检查以后才发现是浏览器的原因,后来将格式改为“7/6 /2008”后在IE和FF中都可以正常解析了。
分享到:
相关推荐
总的来说,JavaScript的日期格式化涉及到`Date`对象的使用、自定义函数的编写以及可能的第三方库的引入。理解这些基本概念,结合实际需求,可以帮助你更好地处理和展示日期数据。在进行日期操作时,应始终考虑跨时区...
### JavaScript日期格式化基础 JavaScript中的日期对象`Date`提供了多种属性和方法来获取日期和时间的详细信息,比如年、月、日、小时、分钟、秒和毫秒等。格式化日期时间就是将这些信息按照一定的格式转换成字符串...
标题“javascript日期格式化示例分享”和描述“主要介绍了javascript日期格式化示例,需要的朋友可以参考下”共同指向一个主题:即在JavaScript中如何对日期进行格式化。在编程实践中,日期格式化是一个常见需求,...
### JavaScript中的Date Format(JS日期格式化)方法详解 #### 概述 在日常的Web开发工作中,我们经常需要处理日期和时间相关的数据。JavaScript 的 `Date` 对象提供了多种方法来获取和设置日期时间,但原生 API 并...
### JavaScript 日期格式化方法详解 在Web开发中,日期时间的处理是非常常见的需求之一,尤其是在前端页面上显示用户友好的日期格式时。本文将详细介绍一种JavaScript中的自定义日期格式化方法,它允许开发者轻松地...
在JavaScript中,处理和...这篇博文的链接(https://w8700569.iteye.com/blog/882708)可能包含了更多示例和深入的讨论,对于学习和实践JavaScript日期格式化非常有帮助。阅读完整的文章将有助于掌握更多细节和技巧。
Javascript日期格式化在日常开发中还是挺常见的,那么下面就给大家分享Javascript时间格式format函数的两种使用方法示例,一起来看看。 方法一 Date.prototype.pattern=function(fmt) { var o = { "M+" : this....
在实际应用中,JavaScript的日期格式化可以使用多种方式实现,包括但不限于自定义函数、使用内置`Date`对象的`toLocaleString`或`toISOString`方法,或者利用第三方库,如Moment.js或date-fns。这些库提供了丰富的...
本文将详细讲解JavaScript日期格式化的几种方法。 首先,我们来看一个采用Prototype库扩展的日期格式化方法。Prototype库是一个为JavaScript添加类和模块化功能的库。以下代码片段展示了如何通过扩展Date对象来实现...
#### 三、原生JavaScript日期格式化方法 **1. 使用`Date`对象的内置方法** JavaScript的`Date`对象提供了一些基本的方法来获取日期的不同部分,如`getFullYear()`、`getMonth()`等。 - **示例代码**: ```...
总的来说,这个压缩包提供了一个简单的JavaScript日期格式化的实例,可以帮助开发者理解如何在没有外部库的情况下手动进行日期格式化。对于初学者来说,这是一个很好的实践项目,可以深入理解JavaScript日期处理的...
【tinydate:小巧而高效的JavaScript日期格式化库】 在JavaScript开发中,日期处理是一个常见的需求,但是内置的Date对象在格式化方面并不直观,通常需要借助第三方库来完成。"tinydate"是一个专为此目的设计的轻量...
js通用日期格式化工具,直接引用该工具类就可以使用,方便快捷,建议大家收藏此工具类,该工具很好的解决了前端页面显示日期格式问题
这些库提供了更强大的功能,如时区支持、复杂的日期格式化、日期时间的加减操作、日期比较等。例如,Moment.js允许你用`moment().format('YYYY-MM-DD')`来轻松地格式化日期,而date-fns则推崇更简洁的API设计,如`...
Bootstrap Table 是一个基于 ...整个流程涉及到了 MySQL 的日期存储、Spring MyBatis 的数据处理、前端的 Bootstrap Table 以及日期格式化库的使用。确保每个环节都正确配置和使用,你就能成功地实现日期的格式化显示。
在JavaScript开发中,日期和时间的处理是非常常见的需求之一。...最终,通过这种方式,我们可以实现一个通用的JavaScript日期时间格式化工具,使得日期时间的显示更加符合中文用户的阅读习惯,提高了用户体验。
JavaScript提供了多种方式来格式化日期和时间,包括原生的Date对象方法、国际化API(Intl对象)以及第三方库。本文将详细介绍这些方法,并提供实际代码示例。 在JavaScript中格式化日期和时间是一个涉及多种方法和...
在JavaScript中,日期和时间的格式化是一个常见的需求,特别是在创建动态网页或应用程序时。JavaScript提供了内置的Date对象来处理日期和时间,但默认的输出格式可能并不符合我们的需要。因此,我们需要学习如何...
下面是一个自定义的日期格式化函数示例: ```javascript Date.prototype.format = function (format) { var o = { "M+": this.getMonth() + 1, // month "d+": this.getDate(), // day "h+": this.getHours(), ...