js 计算月/周的第一天和最后一天代码


Posted in Javascript onFebruary 01, 2020

因为项目开发中遇到需要向后台传本周的开始和结束时间,以及上一周的起止时间,就琢磨了半天,总算写出来一套,写篇文章是为了方便自己记忆,也是分享给需要的人,水平有限,写的不好请见谅:

1、getDateStr3函数是为了把时间对象转变为yy-mm-dd的字符串,方便传值;

2、getWeekStartAndEnd函数是获取周的起止时间,并且用getDateStr3转换成字符串放到数组中,其中参数0代表当前周,-1代表前一周,-2代表上上周,以此类推,反过来也可以1代表下一周;

3、getMonthStartAndEnd函数是获取月的起止时间,传参同上

//获取当前日期yy-mm-dd
//date 为时间对象
function getDateStr3(date) {
  var year = "";
  var month = "";
  var day = "";
  var now = date;
  year = ""+now.getFullYear();
  if((now.getMonth()+1)<10){
    month = "0"+(now.getMonth()+1);
  }else{
    month = ""+(now.getMonth()+1);
  }
  if((now.getDate())<10){
    day = "0"+(now.getDate());
  }else{
    day = ""+(now.getDate());
  }
  return year+"-"+month+"-"+day;
}
/** 
* 获得相对当前周AddWeekCount个周的起止日期 
* AddWeekCount为0代表当前周  为-1代表上一个周  为1代表下一个周以此类推
* **/ 
function getWeekStartAndEnd(AddWeekCount) { 
  //起止日期数组  
  var startStop = new Array(); 
  //一天的毫秒数  
  var millisecond = 1000 * 60 * 60 * 24; 
  //获取当前时间  
  var currentDate = new Date();
  //相对于当前日期AddWeekCount个周的日期
  currentDate = new Date(currentDate.getTime() + (millisecond * 7*AddWeekCount));
  //返回date是一周中的某一天
  var week = currentDate.getDay(); 
  //返回date是一个月中的某一天  
  var month = currentDate.getDate();
  //减去的天数  
  var minusDay = week != 0 ? week - 1 : 6; 
  //获得当前周的第一天  
  var currentWeekFirstDay = new Date(currentDate.getTime() - (millisecond * minusDay)); 
  //获得当前周的最后一天
   var currentWeekLastDay = new Date(currentWeekFirstDay.getTime() + (millisecond * 6));
  //添加至数组  
  startStop.push(getDateStr3(currentWeekFirstDay)); 
  startStop.push(getDateStr3(currentWeekLastDay)); 
  
  return startStop; 
} 
/** 
* 获得相对当月AddMonthCount个月的起止日期 
* AddMonthCount为0 代表当月 为-1代表上一个月 为1代表下一个月 以此类推
* ***/ 
function getMonthStartAndEnd(AddMonthCount) { 
  //起止日期数组  
  var startStop = new Array(); 
  //获取当前时间  
  var currentDate = new Date();
  var month=currentDate.getMonth()+AddMonthCount;
  if(month<0){
    var n = parseInt((-month)/12);
    month += n*12;
    currentDate.setFullYear(currentDate.getFullYear()-n);
  }
  currentDate = new Date(currentDate.setMonth(month));
  //获得当前月份0-11  
  var currentMonth = currentDate.getMonth(); 
  //获得当前年份4位年  
  var currentYear = currentDate.getFullYear(); 
  //获得上一个月的第一天  
  var currentMonthFirstDay = new Date(currentYear, currentMonth,1); 
  //获得上一月的最后一天  
  var currentMonthLastDay = new Date(currentYear, currentMonth+1, 0); 
  //添加至数组  
  startStop.push(getDateStr3(currentMonthFirstDay)); 
  startStop.push(getDateStr3(currentMonthLastDay)); 
  //返回  
  return startStop; 
}

获取到每月的第一天和最后一天 需要传入一个月份 如果忘记传入 取当前月份

//获取到每月的第一天和最后一天
 getMonthFirstOrLaseDay:function(month){
        var month=month || (new Date()).getMonth() //设置默认 如果不穿 取当前月份
    var nowdays = new Date(); 
    var year = nowdays.getFullYear(); 
    if(month==0) { 
      month=12; 
      year=year-1; 
    } 
    if (month < 10) { 
      month = "0" + month; 
    } 
    var firstDay = year+'' + month+'' + "01";
    var myDate = new Date(year, month, 0); 
    var lastDay = year+'' + month+'' + myDate.getDate();
    return {firstDay:firstDay,lastDay:lastDay}
  },

获取到每个月有几周,并且每周一和周日是哪天 如果不穿 默认取当年 当月

//获取到每个月有几周,并且每周一和周日是哪天
 getAForWeeks:function (year, month) {
  var year=year || (new Date()).getFullYear()
  var month=month || (new Date()).getMonth()


  var d = new Date();
  // what day is first day
  d.setFullYear(year, month-1, 1);
  var w1 = d.getDay();
  if (w1 == 0) w1 = 7;
  // total day of month
  d.setFullYear(year, month, 0);
  var dd = d.getDate();
  // first Monday
  if (w1 != 1) d1 = 7 - w1 + 2;
  else d1 = 1;
  week_count = Math.ceil((dd-d1+1)/7);
  var allWeek={};
  for (var i = 0; i < week_count; i++) {
    var monday = d1+i*7;
    var sunday = monday + 6;
    var from = year+''+this.fnToDub(month)+''+this.fnToDub(monday);
    var to;
    if (sunday <= dd) {
      to = year+''+this.fnToDub(month)+''+this.fnToDub(sunday);
    } else {
      d.setFullYear(year, month-1, sunday);
      to = d.getFullYear()+''+this.fnToDub((d.getMonth()+1))+''+this.fnToDub(d.getDate());
    }
    allWeek[(i+1)]={
     from:from,
     to:to
    }
  }
  return {allWeek:allWeek,week_count:week_count}
 },

获取当月的第一天和当月的最后一天其实还挺麻烦的,因为每个月天数可能不一样。不过借助 Date 对象则很容易实现:

构造函数

new Date();
new Date(value);
new Date(dateString);
new Date(year, month[, day[, hour[, minutes[, seconds[, milliseconds]]]]]);

各参数的含义:

value 代表自1970年1月1日00:00:00 (世界标准时间) 起经过的毫秒数。
dateString 表示日期的字符串值。该字符串应该能被 Date.parse() 方法识别
year 代表年份的整数值。为了避免2000年问题最好指定4位数的年份; 使用 1998, 而不要用 98.
month 代表月份的整数值从0(1月)到11(12月)。
day 代表一个月中的第几天的整数值,从1开始。
hour 代表一天中的小时数的整数值 (24小时制)。
minute 分钟数。
second 秒数。
millisecond 表示时间的毫秒部分的整数值。

当月第一天和最后一天

可直接用年月日构造一个日期:

var date = new Date(), y = date.getFullYear(), m = date.getMonth();
var firstDay = new Date(y, m, 1);
var lastDay = new Date(y, m + 1, 0);

var date = new Date();
var firstDay = new Date(date.getFullYear(), date.getMonth(), 1);
var lastDay = new Date(date.getFullYear(), date.getMonth() + 1, 0);

指定月份的第一天和最后一天

比如2012年1月第一天和最后一天,运算时月份要减1

var y = 2012, m = 1
var firstDay = new Date(y, m - 1, 1);
var lastDay = new Date(y, m, 0);
console.log(firstDay);
console.log(lastDay);

运行结果:

Sun Jan 01 2012 00:00:00 GMT+0800 (中国标准时间)
Tue Jan 31 2012 00:00:00 GMT+0800 (中国标准时间)

Javascript 相关文章推荐
SyntaxHighlighter语法高亮插件使用说明
Aug 14 Javascript
javascript去掉前后空格的实例
Nov 07 Javascript
JQuery文本改变触发事件如聚焦事件、失焦事件
Jan 15 Javascript
JavaScript拆分字符串时产生空字符的解决方案
Sep 26 Javascript
web前端开发upload上传头像js示例代码
Oct 22 Javascript
Centos7 中 Node.js安装简单方法
Nov 02 Javascript
你不知道的 javascript【推荐】
Jan 08 Javascript
深入理解Commonjs规范及Node模块实现
May 17 Javascript
vue项目实现图片上传功能
Dec 23 Javascript
JS实现简易留言板特效
Dec 23 Javascript
JS 图片压缩原理与实现方法详解
Apr 29 Javascript
jquery实现异步文件上传ajaxfileupload.js
Oct 23 jQuery
js获取本日、本周、本月的时间代码
Feb 01 #Javascript
js 获取本周、上周、本月、上月、本季度、上季度的开始结束日期
Feb 01 #Javascript
vue学习笔记之过滤器的基本使用方法实例分析
Feb 01 #Javascript
vue学习笔记之slot插槽基本用法实例分析
Feb 01 #Javascript
vue学习笔记之作用域插槽实例分析
Feb 01 #Javascript
vue子组件改变父组件传递的prop值通过sync实现数据双向绑定(DEMO)
Feb 01 #Javascript
Jquery Datatables的使用详解
Jan 30 #jQuery
You might like
一棵php的类树(支持无限分类)
2006/10/09 PHP
PHP中对数据库操作的封装
2006/10/09 PHP
php学习之变量的使用
2011/05/29 PHP
PHP 5.5 创建和验证哈希最简单的方法详解
2013/11/07 PHP
PHP封装XML和JSON格式数据接口操作示例
2019/03/06 PHP
laravel框架使用极光推送消息操作示例
2020/02/15 PHP
Javascript在IE下设置innerHTML时出现未知的运行时错误的解决方法
2011/01/12 Javascript
修改file按钮的默认样式实现代码
2013/04/23 Javascript
Jquery选择器中使用变量实现动态选择例子
2014/07/25 Javascript
jQuery实现表格颜色交替显示的方法
2015/03/09 Javascript
js和jq使用submit方法无法提交表单的快速解决方法
2016/05/17 Javascript
vue-cli项目中使用Mockjs详解
2018/05/14 Javascript
vue.js 中使用(...)运算符报错的解决方法
2018/08/09 Javascript
vue 百度地图(vue-baidu-map)绘制方向箭头折线实例代码详解
2020/04/28 Javascript
Vue跨域请求问题解决方案过程解析
2020/08/07 Javascript
Python编程中用close()方法关闭文件的教程
2015/05/24 Python
详解Python3中字符串中的数字提取方法
2017/01/14 Python
Python实现比较扑克牌大小程序代码示例
2017/12/06 Python
ubuntu环境下python虚拟环境的安装过程
2018/01/07 Python
windows下python 3.6.4安装配置图文教程
2018/08/21 Python
python3.7.0的安装步骤
2018/08/27 Python
详解Python进阶之切片的误区与高级用法
2018/12/24 Python
django 微信网页授权认证api的步骤详解
2019/07/30 Python
Python上下文管理器用法及实例解析
2019/11/11 Python
np.newaxis 实现为 numpy.ndarray(多维数组)增加一个轴
2019/11/30 Python
python 字典套字典或列表的示例
2019/12/16 Python
Python趣味实例,实现一个简单的抽奖刮刮卡
2020/07/18 Python
python定义类的简单用法
2020/07/24 Python
python 实现数据库中数据添加、查询与更新的示例代码
2020/12/07 Python
现代化办公人员工作的自我评价
2013/10/16 职场文书
2014年小学元旦活动方案
2014/02/12 职场文书
志愿者服务感言
2014/02/27 职场文书
勤俭节约倡议书
2014/04/14 职场文书
阳光体育活动实施方案
2014/05/25 职场文书
教师节随笔
2015/08/15 职场文书
Java 在线考试云平台的实现
2021/11/23 Java/Android