四、Date日期类

迁移时间:2017年5月27日18:43:02

Author:Marydon

  (一)对日期进行格式化(日期转字符串)

  自定义Date日期类的format()格式化方法

    方式一:(非原创)  

  1. // 对Date的扩展,将 Date 转化为指定格式的String
  2. // 月(M)、日(d)、小时(H)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符,
  3. // 年(y)可以用 1-4 个占位符,毫秒(S)只能用 1 个占位符(是 1-3 位的数字)
  4. // 例子:
  5. // (new Date()).Format("yyyy-MM-dd HH:mm:ss.S") ==> 2016-09-19 16:32:53.731
  6. // (new Date()).Format("yyyy-M-d H:m:s:S") ==> 2016-9-19 16:40:9:955
  7. Date.prototype.Format = function (fmt) { //author: meizz
  8. var o = {
  9. "M+": this.getMonth() + 1, //月份
  10. "d+": this.getDate(), //日
  11. "H+": this.getHours(), //小时
  12. "m+": this.getMinutes(), //分
  13. "s+": this.getSeconds(), //秒
  14. "q+": Math.floor((this.getMonth() + 3) / 3), //季度
  15. "S": this.getMilliseconds() //毫秒
  16. };
  17. if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
  18. for (var k in o)
  19. if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
  20. return fmt;
  21. };

    测试:

      获取系统当前时间并格式化

  1. window.onload=function() {
  2. var date = new Date();
  3. var b = date.toLocaleDateString();//获取的格式为:2016年9月19日
  4. var d = date.toLocaleTimeString();//下午4:42:46
  5. var e = date.toLocaleString();//2016年9月19日 下午4:44:02
  6. var f = date.toDateString();//Mon Sep 19 2016
  7. var g = date.toUTCString();//Mon, 19 Sep 2016 08:45:42 GMT
  8. var h = date.toString();//Mon Sep 19 2016 16:46:23 GMT+0800 (中国标准时间)
  9. //自定义日期格式
  10. var c = date.Format("yyyy-MM-dd HH:mm:ss");//format()方法是自定义的
  11. document.getElementById("aa").value = c;
  12. };

    方式二:(推荐使用)

  1. Date.prototype.formatDate=function(fmt) {
  2.  
  3. var o = {
  4. "M+" : this.getMonth()+1, // 月份
  5. "d+" : this.getDate(), // 日
  6. "h+" : this.getHours()%12 == 0 ? 12 : this.getHours()%12, // 小时
  7. "H+" : this.getHours(), // 小时
  8. "m+" : this.getMinutes(), // 分
  9. "s+" : this.getSeconds(), // 秒
  10. "q+" : Math.floor((this.getMonth()+3)/3), // 季度
  11. "S" : this.getMilliseconds() // 毫秒
  12. };
  13. var week = {
  14. "0" : "\u65e5",
  15. "1" : "\u4e00",
  16. "2" : "\u4e8c",
  17. "3" : "\u4e09",
  18. "4" : "\u56db",
  19. "5" : "\u4e94",
  20. "6" : "\u516d"
  21. };
  22. if(/(y+)/.test(fmt)){
  23. fmt=fmt.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length));
  24. }
  25. if(/(E+)/.test(fmt)){
  26. fmt=fmt.replace(RegExp.$1, ((RegExp.$1.length>1) ? (RegExp.$1.length>2 ? "\u661f\u671f" : "\u5468") : "")+week[this.getDay()+""]);
  27. }
  28. for(var k in o){
  29. if(new RegExp("("+ k +")").test(fmt)){
  30. fmt = fmt.replace(RegExp.$1, (RegExp.$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length)));
  31.  
  32. }
  33. }
  34. return fmt;
  35. }     

  UpdateTime--2017年6月1日08:01:20    

  (二)字符串转日期

    方式一:使用Date.parse()

  1. var day = "2017-06-01";
  2. // 将yyyy-MM-dd转换成yyyy/MM/dd
  3. day = day.replace(/-/g,"/");// 2017/06/01
  4. // 返回1970年1月1日午夜到指定日期(字符串)的毫秒数
  5. var dayTime = Date.parse(day);
  6. var date = new Date(dayTime);
  7. alert(date);   

    注意:

      Date.parse()具有兼容性问题,低版本IE浏览器不支持"yyyy-MM-dd"转换成Date,只支持"yyyy/MM/dd"转换成日期。

    方式二:自定义Date.parseDate()方法

  1. Date.parseDate = function(str)
  2. {
  3. if (typeof str == 'string')
  4. {
  5. // 标准格式: yyyy-MM-dd
  6. var results = str.match(/^ *(\d{4})-(\d{1,2})-(\d{1,2}) *$/);
  7. if (results && results.length > 3)
  8. {
  9. return new Date(parseInt(delZero(results[1])), parseInt(delZero(results[2])) - 1, parseInt(delZero(results[3])));
  10. }
  11. // 标准格式: yyyy-MM-dd hh:ss:dd
  12. results = str.match(/^ *(\d{4})-(\d{1,2})-(\d{1,2}) +(\d{1,2}):(\d{1,2}):(\d{1,2}) *$/);
  13. if (results && results.length > 6)
  14. {
  15. return new Date(parseInt(delZero(results[1])), parseInt(delZero(results[2])) - 1, parseInt(delZero(results[3])), parseInt(delZero(results[4])), parseInt(delZero(results[5])), parseInt(delZero(results[6])));
  16. }
  17. // 标准格式: yyyy-MM-dd hh:ss:dd...
  18. results = str.match(/^ *(\d{4})-(\d{1,2})-(\d{1,2}) +(\d{1,2}):(\d{1,2}):(\d{1,2})\.(\d{1,9}) *$/);
  19. if (results && results.length > 7)
  20. {
  21. return new Date(parseInt(delZero(results[1])), parseInt(delZero(results[2])) - 1, parseInt(delZero(results[3])), parseInt(delZero(results[4])), parseInt(delZero(results[5])), parseInt(delZero(results[6])), parseInt(delZero(results[7])));
  22. }
  23. // 标准格式:yyyy/MM/dd
  24. results = str.match(/^ *(\d{4})\/(\d{1,2})\/(\d{1,2}) *$/);
  25. if (results && results.length > 3)
  26. {
  27. return new Date(parseInt(delZero(results[1])), parseInt(delZero(results[2])) - 1, parseInt(delZero(results[3])));
  28. }
  29. // 标准格式:yyyy/MM/dd hh:ss:dd
  30. results = str.match(/^ *(\d{4})\/(\d{1,2})\/(\d{1,2}) +(\d{1,2}):(\d{1,2}):(\d{1,2}) *$/);
  31. if (results && results.length > 6)
  32. {
  33. return new Date(parseInt(delZero(results[1])), parseInt(delZero(results[2])) - 1, parseInt(delZero(results[3])), parseInt(delZero(results[4])), parseInt(delZero(results[5])), parseInt(delZero(results[6])));
  34. }
  35. // 标准格式:yyyy/MM/dd hh:ss:dd...
  36. results = str.match(/^ *(\d{4})\/(\d{1,2})\/(\d{1,2}) +(\d{1,2}):(\d{1,2}):(\d{1,2})\.(\d{1,9}) *$/);
  37. if (results && results.length > 7)
  38. {
  39. return new Date(parseInt(delZero(results[1])), parseInt(delZero(results[2])) - 1, parseInt(delZero(results[3])), parseInt(delZero(results[4])), parseInt(delZero(results[5])), parseInt(delZero(results[6])), parseInt(delZero(results[7])));
  40. }
  41. }
  42. return null;
  43. }
  44.  
  45. function delZero(str){
  46. if(str.charAt(0) == '0'){
  47. return str.substring(1);
  48. }
  49. return str;
  50. }

  测试:

  1. // 字符串转成日期对象
  2. var str = Date.parseDate('2017-06-01');
  3. alert(str);

  (三)根据日期返回本周周一和周日的日期

  1. /**
  2. * 根据日期返回本周周一和周日的日期
  3. * @param day
  4. * 参数日期
  5. * @param num
  6. * 第几周
  7. * @return oneWeek
  8. * 周一,周日所在日期
  9. */
  10. function getWeekDate(day,num) {
  11.  
  12. num = num || 0;
  13. // 返回值:周一和周日所在的日期
  14. var oneWeek = {};
  15. // 初始日期
  16. var initDate = "";
  17. // 截取年月日
  18. initDate = day.split(' ')[0];
  19. // ie兼容性问题,将yyyy-MM-dd转换成yyyy/MM/dd
  20. initDate = initDate.replace(/-/g,"/");
  21. // 将string转换成Date
  22. initDate = new Date(Date.parse(initDate));//格式只能是yyyy/MM/dd
  23.  
  24. // 返回 day距离1970 年 1 月 1 日0时0分的毫秒数
  25. var nowTime = initDate.getTime();
  26. // 返回星期的某一天的数字: 0(周日) 到 6(周六)
  27. var weekNum = initDate.getDay();
  28. // 一天所代表的毫秒数
  29. var oneDayTime = 24 * 60 * 60 * 1000;
  30.  
  31. //显示周一
  32. var MondayTime = nowTime - (weekNum - 1) * oneDayTime ;
  33. //显示周日
  34. var SundayTime = nowTime + (7 - weekNum) * oneDayTime ;
  35. if (0 != num) {
  36. MondayTime += 7 * num * oneDayTime;
  37. SundayTime += 7 * num * oneDayTime;
  38. }
  39.  
  40. //初始化日期时间
  41. var monday = new Date(MondayTime);
  42. var sunday = new Date(SundayTime);
  43. // formatDate是自定义的格式化方法
  44. monday = monday.formatDate('yyyy-MM-dd');
  45. sunday = sunday.formatDate('yyyy-MM-dd');
  46.  
  47. oneWeek.Monday = monday;
  48. oneWeek.Sunday = sunday;
  49.  
  50. return oneWeek;
  51. }

    测试:

  1. var week = getWeekDate('2017-05-27',0);
  2. console.log(week.Monday + "," + week.Sunday);
 

javascript Date日期类的更多相关文章

  1. 常用类--Date日期类,SimpleDateFormat日期格式类,Calendar日历类,Math数学工具类,Random随机数类

    Date日期类 Date表示特定的时间,精确到毫秒; 构造方法: public Data() public Date(long date) 常用方法: public long getTime() pu ...

  2. Date日期类,Canlendar日历类,Math类,Random随机数学类

    Date日期类,SimpleDateFormat日期格式类 Date  表示特定的时间,精确到毫秒 常用方法 getTime() setTime() before() after() compareT ...

  3. JavaScript Date日期对象以及日期格式化方法

    前言 Date对象是javascript语言中内置的数据类型,用于提供日期和时间的操作接口.Date对象是在早期java中的java.util.Date类基础上创建的,为此,Date类型使用自UTC1 ...

  4. C++实现Date日期类

    定义一个Date类,包含三个属性年.月.日 实现了如下功能: 年月日的增加.减少:2017年10月1日加上100个月30天是2025年5月31日 输出某天是星期几:2017年10月1日是星期日 判断某 ...

  5. JavaScript Date 日期属性和方法

    JavaScript 日期(Date) Date对象用于处理日期和时间.使用对象new Date()创建日期.实例化日期有四种方式: var d1 = new Date(); var d2 = new ...

  6. javascript Date 日期格式化 formatDate, require.js 模块 支持全局js引入 / amd方式加载

    * 引入AMD加载方式: require.js CDN https://cdn.bootcss.com/require.js/2.3.5/require.js *  创建模块文件./js/util/d ...

  7. java Date日期类和SimpleDateFormat日期类格式

    ~Date表示特定的时间,精确到毫秒~构造方法:public Date()//构造Date对象并初始化为当前系统的时间public Date(long date) //1970-1-1 0:0:0到指 ...

  8. JavaScript Date 日期操作

    在前端工程师的道路上,可能有时候需要与时间来打交道,下面我们来看一下日常对日期的操作,今天我们介绍的是Day.js插件 Day.js 是一个轻量的处理时间和日期的 JavaScript 库,和 Mom ...

  9. Date日期类 Calendar日历类 完成可视化日历

    package com.test; import java.text.DateFormat; import java.text.ParseException; import java.text.Sim ...

随机推荐

  1. Flask实战第44天:完成前台注册功能

    注册功能后端逻辑 用户注册要把注册的表单提交上来,因此,我要先对表单进行验证,编辑front.forms from apps.forms import BaseForm from wtforms im ...

  2. JavaScript中的Array数组详解

    ECMAScript中的数组与其他多数语言中的数组有着相当大的区别,虽然数组都是数据的有序列表,但是与其他语言不同的是,ECMAScript数组的每一项可以保存任何类型的数据.也就是说,可以用数组的第 ...

  3. EasyUI学习总结(五)——EasyUI组件使用(转载)

    本文转载自:http://www.cnblogs.com/xdp-gacl/p/4084520.html 一.EasyUI组件的简单介绍 easyUI提供了很多组件让我们使用,如下图所示:

  4. 【树形dp】Find Metal Mineral

    [HDU4003]Find Metal Mineral Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65768/65768 K (J ...

  5. 【分类讨论】【set】Codeforces Round #407 (Div. 2) B. Masha and geometric depression

    模拟一下那个过程,直到绝对值超过l,或者出现循环为止. 如果结束之后,绝对值是超过l的,就输出当前写在黑板上的数量. 如果出现循环,则如果写在黑板上的数量非零,则输出inf(注意!如果陷入的循环是一个 ...

  6. java笔记之面向对象

    一.面向过程与面向对象的区别 1 面向过程:主要关注点是:实现的具体过程,因果关系[集成显卡的开发思路] * 优点:对于业务逻辑比较简单的程序,可以达到快速开发,前期投入成本较低. * 缺点:采用面向 ...

  7. React-Router入门

    之前自己有在用React来重构之前写过的自己工作室官网,其中有用到React中的核心思想:组件,props,state.还有用Rap的接口来实现前后端交互请求(就是请求团队成员的信息部分).自己觉得还 ...

  8. JavaScript的深拷贝与浅拷贝

    深拷贝和浅拷贝是在面试中经常遇到的问题.今天在这里总结一下. 深拷贝与浅拷贝的问题,涉及到JavaScript的变量类型,先来说说变量的类型,变量类型包括基本类型和引用类型. 基本类型:Undefin ...

  9. Elasticsearch-Kibana 5.5.1插件安装

    说明:比如Elasticsearch的版本和Kibana的版本保持一致,方便排查问题.一切的安装的运行建议不要用root权限,最好是当前用户下的权限.Kibana版本变化有点快,不同的版本有不同的配置 ...

  10. winform WebBrowser如何修改使用默认的IE浏览器版本

    在搜了一些相关资料原来WebBrowser使用的是IE的兼容模式进行浏览(IE7模式). 建议:先添加注册表中,然后使用注册表编辑器导出功能,产生reg注册文件:方便日后使用. Winform  We ...