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 相关文章推荐
javascript基本语法分析说明
Jun 15 Javascript
javascript 火狐(firefox)不显示本地图片问题解决
Jul 05 Javascript
仿百度输入框智能提示的js代码
Aug 22 Javascript
基于jquery实现的省市区级联无ajax
Sep 24 Javascript
jquery validate在ie8下的bug解决方法
Nov 13 Javascript
初识Node.js
Sep 03 Javascript
Bootstrap每天必学之媒体对象
Nov 30 Javascript
基于Vue2-Calendar改进的日历组件(含中文使用说明)
Apr 14 Javascript
手把手教你使用TypeScript开发Node.js应用
May 06 Javascript
js实现自定义右键菜单
May 18 Javascript
Nuxt配置Element-UI按需引入的操作方法
Jul 06 Javascript
Vue的自定义组件不能使用click方法的解决
Jul 28 Javascript
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
Apache连接PHP后无法启动问题解决思路
2015/06/18 PHP
PHP简单获取随机数的常用方法小结
2017/06/07 PHP
PHP实现数据四舍五入的方法小结【4种方法】
2019/03/27 PHP
用js实现上传图片前的预览(TX的面试题)
2007/08/14 Javascript
IE FF OPERA都可用的弹出层实现代码
2009/09/29 Javascript
jQuery与其它库冲突的解决方法
2010/06/25 Javascript
js页面跳转常用的几种方式
2010/11/25 Javascript
javascript数组去重3种方法的性能测试与比较
2013/03/26 Javascript
jquery序列化form表单使用ajax提交后处理返回的json数据
2014/03/03 Javascript
javascript时间函数大全
2014/06/30 Javascript
详解JavaScript中的forEach()方法的使用
2015/06/08 Javascript
bootstrapvalidator之API学习教程
2017/06/29 Javascript
Vue v2.5 调整和更新不完全问题
2017/10/24 Javascript
Vim快速合并行及vim 将文件所有行合并到一行
2017/11/27 Javascript
JavaScript实现多态和继承的封装操作示例
2018/08/20 Javascript
Vue通过配置WebSocket并实现群聊功能
2019/12/31 Javascript
vue单应用在ios系统中实现微信分享功能操作
2020/09/07 Javascript
让 python 命令行也可以自动补全
2014/11/30 Python
Python利用Nagios增加微信报警通知的功能
2016/02/18 Python
python实现12306火车票查询器
2017/04/20 Python
详解python 字符串和日期之间转换 StringAndDate
2017/05/04 Python
python如何实现反向迭代
2018/03/20 Python
使用Python设计一个代码统计工具
2018/04/04 Python
使用python根据端口号关闭进程的方法
2018/11/06 Python
python统计中文字符数量的两种方法
2019/01/31 Python
Python3.5 + sklearn利用SVM自动识别字母验证码方法示例
2019/05/10 Python
在脚本中单独使用django的ORM模型详解
2020/04/01 Python
Python Opencv轮廓常用操作代码实例解析
2020/09/01 Python
在Python中字典按值排序的实现方法
2020/11/12 Python
Pycharm Plugins加载失败问题解决方案
2020/11/28 Python
Django REST Framework 分页(Pagination)详解
2020/11/30 Python
美国家庭鞋店:Shoe Sensation
2019/09/27 全球购物
平安校园建设方案
2014/05/02 职场文书
上课说话检讨书
2015/01/27 职场文书
邓小平文选读书笔记
2015/06/29 职场文书
Python绘画好看的星空图
2022/03/17 Python