在JavaScript中,时间处理是经常需要用到的。最近想要慢慢建立自己的代码库,整理了几个之前用到的js处理时间的函数,发出来跟大家分享一下,以后的使用中会不断增加和修改代码库。

把字符串转换为日期对象

有时需要把字符串转换为日期对象,但是IE下不支持new Date("2011-04-07")这样实例化日期对象,ff下支持,所以写了一个扩展函数,用来把形如yyyy-mm-dd或者dd/mm/yyyy的字符串转换为日期对象。代码如下:

  1. /*
  2. 函数:把字符串转换为日期对象
  3. 参数:yyyy-mm-dd或dd/mm/yyyy形式的字符串
  4. 返回:Date对象
  5. 注:IE下不支持直接实例化日期对象,如new Date("2011-04-06")
  6. */
  7. Date.prototype.convertDate = function (date)
  8. {
  9. var flag = true;
  10. var dateArray = date.split("-");
  11. if (dateArray.length != 3)
  12. {
  13. dateArray = date.split("/");
  14. if (dateArray.length != 3)
  15. {
  16. return null;
  17. }
  18. flag = false;
  19. }
  20. var newDate = new Date();
  21. if (flag)
  22. {
  23. // month从0开始
  24. newDate.setFullYear(dateArray[0], dateArray[1] - 1, dateArray[2]);
  25. }
  26. else
  27. {
  28. newDate.setFullYear(dateArray[2], dateArray[1] - 1, dateArray[0]);
  29. }
  30. newDate.setHours(0, 0, 0);
  31. return newDate;
  32. };

测试:

  1. <script type="text/javascript">
  2.   document.writeln(new Date().convertDate("7/12/2011"));
  3. </script>

输出:Wed Dec 07 2011 17:30:58 GMT+0800

计算两个日期之间的差值

这个函数可以计算两个日期之前的差值(毫秒/秒/分/小时/天),主要用到了getTime()函数和Math.floor()函数,代码如下:

  1. /*
  2. 函数:计算两个日期之间的差值
  3. 参数:date是日期对象
  4. flag:ms-毫秒,s-秒,m-分,h-小时,d-天,M-月,y-年
  5. 返回:当前日期和date两个日期相差的毫秒/秒/分/小时/天
  6. */
  7. Date.prototype.dateDiff = function (date, flag)
  8. {
  9. var msCount;
  10. var diff = this.getTime() - date.getTime();
  11. switch (flag)
  12. {
  13. case "ms":
  14. msCount = 1;
  15. break;
  16. case "s":
  17. msCount = 1000;
  18. break;
  19. case "m":
  20. msCount = 60 * 1000;
  21. break;
  22. case "h":
  23. msCount = 60 * 60 * 1000;
  24. break;
  25. case "d":
  26. msCount = 24 * 60 * 60 * 1000;
  27. break;
  28. }
  29. return Math.floor(diff / msCount);
  30. };

测试:

  1. <script type="text/javascript">
  2.   var d1 = new Date().convertDate("2011-04-08");
  3.   var d2 = new Date().convertDate("2011-04-07");
  4.   document.writeln(d1.dateDiff(d2, 'd'));
  5. </script>

判断一个年份是否为闰年

  1. /*
  2. 函数:判断一个年份是否为闰年
  3. 返回:是否为闰年
  4. */
  5. Date.prototype.isLeapYear = function ()
  6. {
  7. var year = this.getFullYear();
  8. return (year % 4 == 0) && (year % 100 != 0 || year % 400 == 0);
  9. }

测试:

  1. <script type="text/javascript">
  2.   document.writeln(new Date().convertDate("2000-04-08").isLeapYear() + " ");
  3.   document.writeln(new Date().convertDate("2011-04-08").isLeapYear() + " ");
  4. </script>
  5. // 结果:
  6. // true
  7. // false

格式化日期

这个函数是从网上搜来的,稍微修改了一下,它类似.net中Format函数,传入格式化字符串如"yyyy-MM-dd",返回格式化后的日期。

  1. /*
  2. 函数:格式化日期
  3. 参数:formatStr-格式化字符串
  4. d:将日显示为不带前导零的数字,如1
  5. dd:将日显示为带前导零的数字,如01
  6. ddd:将日显示为缩写形式,如Sun
  7. dddd:将日显示为全名,如Sunday
  8. M:将月份显示为不带前导零的数字,如一月显示为1
  9. MM:将月份显示为带前导零的数字,如01
  10. MMM:将月份显示为缩写形式,如Jan
  11. MMMM:将月份显示为完整月份名,如January
  12. yy:以两位数字格式显示年份
  13. yyyy:以四位数字格式显示年份
  14. h:使用12小时制将小时显示为不带前导零的数字,注意||的用法
  15. hh:使用12小时制将小时显示为带前导零的数字
  16. H:使用24小时制将小时显示为不带前导零的数字
  17. HH:使用24小时制将小时显示为带前导零的数字
  18. m:将分钟显示为不带前导零的数字
  19. mm:将分钟显示为带前导零的数字
  20. s:将秒显示为不带前导零的数字
  21. ss:将秒显示为带前导零的数字
  22. l:将毫秒显示为不带前导零的数字
  23. ll:将毫秒显示为带前导零的数字
  24. tt:显示am/pm
  25. TT:显示AM/PM
  26. 返回:格式化后的日期
  27. */
  28. Date.prototype.format = function (formatStr)
  29. {
  30. var date = this;
  31. /*
  32. 函数:填充0字符
  33. 参数:value-需要填充的字符串, length-总长度
  34. 返回:填充后的字符串
  35. */
  36. var zeroize = function (value, length)
  37. {
  38. if (!length)
  39. {
  40. length = 2;
  41. }
  42. value = new String(value);
  43. for (var i = 0, zeros = ''; i < (length - value.length); i++)
  44. {
  45. zeros += '0';
  46. }
  47. return zeros + value;
  48. };
  49. return formatStr.replace(/"[^"]*"|'[^']*'|\b(?:d{1,4}|M{1,4}|yy(?:yy)?|([hHmstT])\1?|[lLZ])\b/g, function($0)
  50. {
  51. switch ($0)
  52. {
  53. case 'd': return date.getDate();
  54. case 'dd': return zeroize(date.getDate());
  55. case 'ddd': return ['Sun', 'Mon', 'Tue', 'Wed', 'Thr', 'Fri', 'Sat'][date.getDay()];
  56. case 'dddd': return ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'][date.getDay()];
  57. case 'M': return date.getMonth() + 1;
  58. case 'MM': return zeroize(date.getMonth() + 1);
  59. case 'MMM': return ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'][date.getMonth()];
  60. case 'MMMM': return ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'][date.getMonth()];
  61. case 'yy': return new String(date.getFullYear()).substr(2);
  62. case 'yyyy': return date.getFullYear();
  63. case 'h': return date.getHours() % 12 || 12;
  64. case 'hh': return zeroize(date.getHours() % 12 || 12);
  65. case 'H': return date.getHours();
  66. case 'HH': return zeroize(date.getHours());
  67. case 'm': return date.getMinutes();
  68. case 'mm': return zeroize(date.getMinutes());
  69. case 's': return date.getSeconds();
  70. case 'ss': return zeroize(date.getSeconds());
  71. case 'l': return date.getMilliseconds();
  72. case 'll': return zeroize(date.getMilliseconds());
  73. case 'tt': return date.getHours() < 12 ? 'am' : 'pm';
  74. case 'TT': return date.getHours() < 12 ? 'AM' : 'PM';
  75. }
  76. });
  77. }

测试:

  1. <script type="text/javascript">
  2.   document.writeln(new Date().format("yyyy-MM-dd hh:mm:ss"));
  3. </script>
  4. // 结果:
  5. // 2011-04-08 10:13:37

整理一些JavaScript时间处理扩展函数的更多相关文章

  1. javascript 时间操作

    javascript时间函数 javascript提供了Date对象来进行时间和日期的计算.Date对象有多种构造函数: 1.dateObj=new Date() //当前时间 2.dateObj=n ...

  2. 第一百零四节,JavaScript时间与日期

    JavaScript时间与日期 学习要点: 1.Date类型 2.通用的方法 3.格式化方法 4.组件方法 ECMAScript提供了Date类型来处理时间和日期.Date类型内置一系列获取和设置日期 ...

  3. javascript 时间日期处理相加,减操作方法js

    javascript 时间日期处理相加,减操作方法js function dateAddDays(dataStr,dayCount){ var strdate = dataStr; // 2017年0 ...

  4. JavaScript 时间与日期处理实战:你肯定被坑过

    本部分的知识图谱请参考编程语言知识图谱-时间与日期. 本文JavaScript 时间与日期处理实战:你肯定被坑过从属于笔者的Web 前端入门与最佳实践中 JavaScript 入门与最佳实践系列文章. ...

  5. java/javascript 时间操作工具类

    一.java 时间操作工具类 import org.springframework.util.StringUtils; import java.text.ParseException; import ...

  6. javascript 时间函数整理

    对Javascript日期的部分函数做个小结: var myDate = new Date();//定义时间函数 myDate.getYear();  //获取当前年份(2位) myDate.getF ...

  7. 【整理】 JavaScript模块化规范AMD 和 CMD 的区别有哪些?

    根据玉伯等人在知乎上的回答整理.整理中... AMD 规范在这里:https://github.com/amdjs/amdjs-api/wiki/AMD CMD 规范在这里:https://githu ...

  8. JavaScript时间处理之几个月前或几个月后的指定日期

    在平常项目开发过程中,经常会遇到需要在JavaScript中处理时间的情况,无非两种(1,逻辑处理  2,格式转换处理).当然要说相关技术博,园子里闭着眼睛都能抓一把,但是我要做的是:既然有幸被我碰到 ...

  9. javascript 时间倒计时

    新加入一个项目的集中开发,遇到一个需要倒计时的需求,经过测试,有以下几种方案,分享出来: 方案一: 页面Html: <span style="font-size:18px;" ...

随机推荐

  1. python之打印九九乘法表

    配置环境:python 3.6 python编辑器:pycharm 整理成代码如下: #!/usr/bin/env python #-*- coding: utf-8 -*- #九九乘法表 #分析:九 ...

  2. pyc是个什么鬼?

    1.Python是一门解释型语音? 我初学Python时,听到的关于Python的第一句话就是,Python是一门解释型语音,我就这样一直相信下去,知道发现了*.pyc文件的存在.如果是解释型语音,那 ...

  3. Java学习笔记三:Java的变量、常量、变量的类型及使用规则

    Java的变量.常量.变量的类型及使用规则 每一种语言都有一些具有特殊用途的词,Java也不例外,它们被称为关键字.关键字对 Java 的编译器有着特殊的意义. 一:Java中的关键字: 注:Java ...

  4. Go web表单

    package main import ( "fmt" "html/template" "log" "net/http" ...

  5. Scala Tuple

    Python中的Tuple 元组将多样的对象集合到一起,元素不能修改,通过索引进行查找, 使用括号"()" 允许重复 Scala中的Tuple 概念跟Python是完全相同的 定义 ...

  6. 4299: Codechef FRBSUM

    4299: Codechef FRBSUM https://www.lydsy.com/JudgeOnline/problem.php?id=4299 分析: 主席树. https://blog.se ...

  7. 6.JAVA知识点归纳整理

    一.jdk初识与HelloWord: 二.java基础: 2.1 标识符_关键字_数据类型 2.2 数据类型转换 2.3 程序编写格式 2.4 运算符 2.5 分支与for循环 2.6 while_b ...

  8. Jenkins - 持续集成部署

    1. 安装svn:用于checkout源码 (1)yum 安装:yum -y install subversion (2)查看svn版本信息:svnserver --version 2. 安装jdk ...

  9. react实现网站换肤功能

    一.目标   提供几种主题色给用户选择,然后根据用户的选择改变应用的主题色: 二.实现原理   1.准备不同主题色的样式文件:   2.将用户的选择记录在本地缓存中:   3.每次进入应用时,读取缓存 ...

  10. go 语言模拟百度登录

    1.参考网上Python的例子自己写了一个go语言的.这个仅供学习技术参考,为了方便有部分参数直接phantomjs执行js获取,代码基本都有注释,测试打印没有删除,还请见谅! 2.本文参考http: ...