javascript 封装Date日期类实例详解


Posted in Javascript onMay 28, 2017

javascript-封装Date日期类

(一)对日期进行格式化

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

方式一:(非原创)

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

测试:

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

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

/**
 * 根据日期返回本周周一和周日的日期
 * @param day
 *   参数日期
 * @param num
 *   第几周
 * @return oneWeek
 *   周一,周日所在日期  
 */
function getWeekDate(day,num) {
  
  num = num || 0;
  // 返回值:周一和周日所在的日期
  var oneWeek = {};
  // 初始日期
  var initDate = "";
  // 截取年月日
  initDate = day.split(' ')[0];
  // ie兼容性问题,将yyyy-MM-dd转换成yyyy/MM/dd
  initDate = initDate.replace(/-/g,"/");
  // 将string转换成Date
  initDate = new Date(Date.parse(initDate));//格式只能是yyyy/MM/dd
  
  // 返回 day距离1970 年 1 月 1 日0时0分的毫秒数
  var nowTime = initDate.getTime(); 
  // 返回星期的某一天的数字: 0(周日) 到 6(周六)
  var weekNum = initDate.getDay();
  // 一天所代表的毫秒数
  var oneDayTime = 24 * 60 * 60 * 1000; 
  
  //显示周一
  var MondayTime = nowTime - (weekNum - 1) * oneDayTime ; 
  //显示周日
  var SundayTime = nowTime + (7 - weekNum) * oneDayTime ; 
  if (0 != num) {
    MondayTime += 7 * num * oneDayTime;
    SundayTime += 7 * num * oneDayTime;
  }
  
  //初始化日期时间
  var monday = new Date(MondayTime);
  var sunday = new Date(SundayTime);
  // formatDate是自定义的格式化方法
  monday = monday.formatDate('yyyy-MM-dd');
  sunday = sunday.formatDate('yyyy-MM-dd');
  
  oneWeek.Monday = monday;
  oneWeek.Sunday = sunday;
  
  return oneWeek;
}

 测试:

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

 注意:

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

 感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

Javascript 相关文章推荐
Add a Table to a Word Document
Jun 15 Javascript
jQuery 处理网页内容的实现代码
Feb 15 Javascript
JS判断不同分辨率调用不同的CSS样式文件实现思路及测试代码
Jan 23 Javascript
jQuery跨域问题解决方案
Aug 03 Javascript
jquery+html5时钟特效代码分享(可设置闹钟并且语音提醒)
Mar 30 Javascript
Angularjs整合微信UI(weui)
Mar 15 Javascript
文件上传插件SWFUpload的使用指南
Nov 29 Javascript
获取本机IP地址的实例(JavaScript / Node.js)
Nov 24 Javascript
Vue结合后台导入导出Excel问题详解
Feb 19 Javascript
微信小程序实现圆形进度条动画
Nov 18 Javascript
解决vuecli3中img src 的引入问题
Aug 04 Javascript
vue使用vant中的checkbox实现全选功能
Nov 17 Vue.js
Vue实现选择城市功能
May 27 #Javascript
使用 Node.js 对文本内容分词和关键词抽取
May 27 #Javascript
vue子组件使用自定义事件向父组件传递数据
May 27 #Javascript
javascript回调函数的概念理解与用法分析
May 27 #Javascript
原生JavaScript实现的简单省市县三级联动功能示例
May 27 #Javascript
原生JavaScript实现精美的淘宝轮播图效果示例【附demo源码下载】
May 27 #Javascript
详细讲解vue2+vuex+axios
May 27 #Javascript
You might like
Windows7下的php环境配置教程
2015/02/28 PHP
给WordPress中的留言加上楼层号的PHP代码实例
2015/12/14 PHP
PHP 数组黑名单/白名单实例代码详解
2019/06/04 PHP
jQuery创建插件的代码分析
2011/04/14 Javascript
jquery插件实现鼠标经过图片右侧显示大图的效果(类似淘宝)
2013/02/04 Javascript
js this函数调用无需再次抓获id,name或标签名
2014/03/03 Javascript
详解JavaScript基于面向对象之继承实例
2015/12/16 Javascript
javascript 将共享属性迁移到原型中去的实现方法
2016/08/31 Javascript
详解使用grunt完成requirejs的合并压缩和js文件的版本控制
2017/03/02 Javascript
js遍历获取表格内数据的方法(必看)
2017/04/06 Javascript
微信小程序城市定位的实现实例(获取当前所在国家城市信息)
2017/05/17 Javascript
JS实现的数组去除重复数据算法小结
2017/11/17 Javascript
微信小程序位置授权处理方法
2019/06/13 Javascript
Vue-cli打包后如何本地查看的操作
2020/09/02 Javascript
[20:57]Ti4主赛事第三天开幕式
2014/07/21 DOTA
Python实现的排列组合计算操作示例
2017/10/13 Python
Python3.5 处理文本txt,删除不需要的行方法
2018/12/10 Python
python3 http提交json参数并获取返回值的方法
2018/12/19 Python
Python eval的常见错误封装及利用原理详解
2019/03/26 Python
使用python将excel数据导入数据库过程详解
2019/08/27 Python
python实现多进程通信实例分析
2019/09/01 Python
Python交互环境下打印和输入函数的实例内容
2020/02/16 Python
Python数据相关系数矩阵和热力图轻松实现教程
2020/06/16 Python
将tf.batch_matmul替换成tf.matmul的实现
2020/06/18 Python
Python3以GitHub为例来实现模拟登录和爬取的实例讲解
2020/07/30 Python
css3中background新增的4个新的相关属性用法介绍
2013/09/26 HTML / CSS
如何用Java实现列出某个目录下的所有子目录
2015/07/20 面试题
自动化专业个人求职信范文
2013/11/29 职场文书
自动化职业生涯规划书范文
2014/01/03 职场文书
丧事主持词大全
2014/04/02 职场文书
广告艺术设计专业自荐书
2014/07/08 职场文书
先进集体事迹材料范文
2014/12/25 职场文书
端午节寄语2015
2015/03/23 职场文书
运动会入场词
2015/07/18 职场文书
Python torch.flatten()函数案例详解
2021/08/30 Python
Mysql超详细讲解死锁问题的理解
2022/04/01 MySQL