01.// 对Date的扩展,将 Date 转化为指定格式的String
02.// 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符,
03.// 年(y)可以用 1-4 个占位符,毫秒(S)只能用 1 个占位符(是 1-3 位的数字)
04.// 例子:
05.// (new Date()).Format("yyyy-MM-dd hh:mm:ss.S") ==> 2006-07-02 08:09:04.423
06.// (new Date()).Format("yyyy-M-d h:m:s.S") ==> 2006-7-2 8:9:4.18
07.Date.prototype.Format = function(fmt)
08.{ //author: meizz
09. var o = {
10. "M+" : this.getMonth()+1, //月份
11. "d+" : this.getDate(), //日
12. "h+" : this.getHours(), //小时
13. "m+" : this.getMinutes(), //分
14. "s+" : this.getSeconds(), //秒
15. "q+" : Math.floor((this.getMonth()+3)/3), //季度
16. "S" : this.getMilliseconds() //毫秒
17. };
18. if(/(y+)/.test(fmt))
19. fmt=fmt.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length));
20. for(var k in o)
21. if(new RegExp("("+ k +")").test(fmt))
22. fmt = fmt.replace(RegExp.$1, (RegExp.$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length)));
23. return fmt;
24.}
方法调用
var time1 = new Date().format("yyyy-MM-dd HH:mm:ss");
var time2 = new Date().format("yyyy-MM-dd");
方法二:
01.<mce:script language="javascript" type="text/javascript"><!--
02.
03./**
04. * 对Date的扩展,将 Date 转化为指定格式的String
05. * 月(M)、日(d)、12小时(h)、24小时(H)、分(m)、秒(s)、周(E)、季度(q) 可以用 1-2 个占位符
06. * 年(y)可以用 1-4 个占位符,毫秒(S)只能用 1 个占位符(是 1-3 位的数字)
07. * eg:
08. * (new Date()).pattern("yyyy-MM-dd hh:mm:ss.S") ==> 2006-07-02 08:09:04.423
09. * (new Date()).pattern("yyyy-MM-dd E HH:mm:ss") ==> 2009-03-10 二 20:09:04
10. * (new Date()).pattern("yyyy-MM-dd EE hh:mm:ss") ==> 2009-03-10 周二 08:09:04
11. * (new Date()).pattern("yyyy-MM-dd EEE hh:mm:ss") ==> 2009-03-10 星期二 08:09:04
12. * (new Date()).pattern("yyyy-M-d h:m:s.S") ==> 2006-7-2 8:9:4.18
13. */
14.Date.prototype.pattern=function(fmt) {
15. var o = {
16. "M+" : this.getMonth()+1, //月份
17. "d+" : this.getDate(), //日
18. "h+" : this.getHours()%12 == 0 ? 12 : this.getHours()%12, //小时
19. "H+" : this.getHours(), //小时
20. "m+" : this.getMinutes(), //分
21. "s+" : this.getSeconds(), //秒
22. "q+" : Math.floor((this.getMonth()+3)/3), //季度
23. "S" : this.getMilliseconds() //毫秒
24. };
25. var week = {
26. "0" : "/u65e5",
27. "1" : "/u4e00",
28. "2" : "/u4e8c",
29. "3" : "/u4e09",
30. "4" : "/u56db",
31. "5" : "/u4e94",
32. "6" : "/u516d"
33. };
34. if(/(y+)/.test(fmt)){
35. fmt=fmt.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length));
36. }
37. if(/(E+)/.test(fmt)){
38. fmt=fmt.replace(RegExp.$1, ((RegExp.$1.length>1) ? (RegExp.$1.length>2 ? "/u661f/u671f" : "/u5468") : "")+week[this.getDay()+""]);
39. }
40. for(var k in o){
41. if(new RegExp("("+ k +")").test(fmt)){
42. fmt = fmt.replace(RegExp.$1, (RegExp.$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length)));
43. }
44. }
45. return fmt;
46.}
47.
48.var date = new Date();
49.window.alert(date.pattern("yyyy-MM-dd hh:mm:ss"));
50.// --></mce:script>
方法三:
01.Date.prototype.format = function(mask) {
02.
03. var d = this;
04.
05. var zeroize = function (value, length) {
06.
07. if (!length) length = 2;
08.
09. value = String(value);
10.
11. for (var i = 0, zeros = ''; i < (length - value.length); i++) {
12.
13. zeros += '0';
14.
15. }
16.
17. return zeros + value;
18.
19. };
20.
21. return mask.replace(/"[^"]*"|'[^']*'|/b(?:d{1,4}|m{1,4}|yy(?:yy)?|([hHMstT])/1?|[lLZ])/b/g, function($0) {
22.
23. switch($0) {
24.
25. case 'd': return d.getDate();
26.
27. case 'dd': return zeroize(d.getDate());
28.
29. case 'ddd': return ['Sun','Mon','Tue','Wed','Thr','Fri','Sat'][d.getDay()];
30.
31. case 'dddd': return ['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'][d.getDay()];
32.
33. case 'M': return d.getMonth() + 1;
34.
35. case 'MM': return zeroize(d.getMonth() + 1);
36.
37. case 'MMM': return ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'][d.getMonth()];
38.
39. case 'MMMM': return ['January','February','March','April','May','June','July','August','September','October','November','December'][d.getMonth()];
40.
41. case 'yy': return String(d.getFullYear()).substr(2);
42.
43. case 'yyyy': return d.getFullYear();
44.
45. case 'h': return d.getHours() % 12 || 12;
46.
47. case 'hh': return zeroize(d.getHours() % 12 || 12);
48.
49. case 'H': return d.getHours();
50.
51. case 'HH': return zeroize(d.getHours());
52.
53. case 'm': return d.getMinutes();
54.
55. case 'mm': return zeroize(d.getMinutes());
56.
57. case 's': return d.getSeconds();
58.
59. case 'ss': return zeroize(d.getSeconds());
60.
61. case 'l': return zeroize(d.getMilliseconds(), 3);
62.
63. case 'L': var m = d.getMilliseconds();
64.
65. if (m > 99) m = Math.round(m / 10);
66.
67. return zeroize(m);
68.
69. case 'tt': return d.getHours() < 12 ? 'am' : 'pm';
70.
71. case 'TT': return d.getHours() < 12 ? 'AM' : 'PM';
72.
73. case 'Z': return d.toUTCString().match(/[A-Z]+$/);
74.
75. // Return quoted strings with the surrounding quotes removed
76.
77. default: return $0.substr(1, $0.length - 2);
78.
79. }
80.
81. });
82.
83.};
分享到:
相关推荐
### JavaScript中的Date Format(JS日期格式化)方法详解 #### 概述 在日常的Web开发工作中,我们经常需要处理日期和时间相关的数据。JavaScript 的 `Date` 对象提供了多种方法来获取和设置日期时间,但原生 API 并...
本篇文章将重点介绍两种常见的JavaScript日期格式化技巧。 方法一: 这是一种通过扩展Date原型来实现日期格式化的常见方法。首先定义一个名为`Format`的方法,它接受一个格式字符串作为参数。在`Format`方法中,...
### JavaScript中的Trim函数和日期时间格式化函数 在JavaScript中,字符串处理和日期操作是非常常见的需求,尤其是在数据清洗、格式转换等场景下。本文将详细介绍如何利用自定义方法实现字符串的Trim功能以及日期...
在JavaScript中,我们可以使用内置的`Date`对象来创建、操作和格式化日期。 首先,`Date`对象是JavaScript中的内置构造函数,可以用来创建一个新的日期实例。例如: ```javascript let date = new Date(); // 创建...
#### 标题:js 日期 format 格式化 该标题简洁明了地指出了本文讨论的主题——使用JavaScript对日期进行格式化处理。在Web应用中,日期时间格式化的灵活性对于提高用户体验至关重要,因此掌握这一技能非常实用。 #...
在实际应用中,JavaScript的日期格式化可以使用多种方式实现,包括但不限于自定义函数、使用内置`Date`对象的`toLocaleString`或`toISOString`方法,或者利用第三方库,如Moment.js或date-fns。这些库提供了丰富的...
- `Date.prototype.Format` 方法自定义格式化日期时间。 - 格式化中常用的是:YYYY(四位年份),MM(两位月份),dd(两位日期),hh(小时24小时制),mm(分钟),ss(秒),W(星期几的简写形式)等。 - 示例...
在上篇文章给大家介绍了js对Date对象的操作的问题(生成一个倒数7天的数组),本篇介绍有关js日期格式化之javascript Date format,本文通过三种方法给大家讲解,具体内容请看下文。 方法一: // 对Date的扩展,将 ...
例如,Moment.js允许你用`moment().format('YYYY-MM-DD')`来轻松地格式化日期,而date-fns则推崇更简洁的API设计,如`format(new Date(), 'yyyy-MM-dd')`。 现在,我们转向金额格式化。在JavaScript中,原始数字...
这里,我们使用了 Moment.js 库来进行日期格式化。你需要在页面中引入 Moment.js 并确保其在 Bootstrap Table 的 JavaScript 之前加载。 最后,后端 API 需要提供 JSON 格式的日期数据。在 Spring MVC 控制器中,你...
为了实现更复杂的日期格式化,开发者经常使用第三方库,如Moment.js或date-fns。这些库提供了丰富的格式化选项和便利的功能,如`moment().format('YYYY-MM-DD HH:mm:ss')`或`format(date, 'yyyy-MM-dd HH:mm:ss')`...
`Date`格式化在Java、JavaScript、Python等许多编程语言中都非常重要,因为正确处理日期和时间对于数据分析、日志记录、用户界面显示等功能至关重要。 在Java中,`java.util.Date`类和`SimpleDateFormat`类常用于...
总的来说,`dateformat.js` 是一个强大且实用的日期处理工具,它提供了丰富的日期格式化选项,简单易用的API,以及良好的国际化支持。无论是在小规模的个人项目还是大型的企业应用中,都能找到它的一席之地。
总之,JavaScript DateFormat 是一个帮助开发者更方便地格式化日期和时间的工具,`DateUtil.js`可能就是这样一个实现,它扩展了原生`Date`对象的功能,提供了丰富的日期格式化选项,使得在JavaScript中处理日期变得...
总结一下,JavaScript中的日期格式化主要依赖`Date`对象的方法以及可能的第三方库。理解`getFullYear()`, `getMonth()`, `getDate()`等方法如何工作,以及如何正确地处理月份和日期的两位数格式,是实现"yyyy-MM-dd...
总结来说,JavaScript中的日期处理涉及到`Date`对象的创建、属性访问以及字符串的格式化。在处理非标准日期格式时,我们需要先解析字符串,然后利用`Date`对象的方法进行操作,最后再进行适当的格式化。在这个例子中...
7. **库和工具**: 对于更复杂的日期格式化,可以借助第三方库,如Moment.js或date-fns。这些库提供了丰富的功能和易用的API,如moment的`format()`方法。 8. **Intl.DateTimeFormat API**: JavaScript的国际化API...