JS实现各种日期操作方法汇总，web前端框架开发实例

}

##本月第一天

/***

• @return {*} MonthFirstDay 返回本月第一天的时间
  */
  function showMonthFirstDay(){
  let Nowdate=new Date();
  let MonthFirstDay=new Date(Nowdate.getFullYear(),Nowdate.getMonth());
  return MonthFirstDay;
  }

##本月最后一天

/***

• @return {*} MonthLastDay 返回本月最后一天的时间
  */
  function showMonthLastDay(){
  let Nowdate=new Date();
  let MonthNextFirstDay=new Date(Nowdate.getFullYear(),Nowdate.getMonth()+1);
  let MonthLastDay=new Date(MonthNextFirstDay-86400000);
  return MonthLastDay;
  }

##日期转时间戳

/**

• @param {String} time - 日期字符串，如’2018-8-8’,‘2018,8,8’,‘2018/8/8’
• @returns {Number} 返回值为时间毫秒值
  */
  function timeToTimestamp (time) {
  let date = new Date(time);
  let timestamp = date.getTime();
  return timestamp;
  }

##格式化当前时间

/***

• @return {string} timeText 返回系统时间字符串
  */
  function getdataTimeSec() {
  let time = new Date();
  let weekDay;
  let year = time.getFullYear();
  let month = time.getMonth() + 1;
  let day = time.getDate();
  //获取时分秒
  let h = time.getHours();
  let m = time.getMinutes();
  let s = time.getSeconds();
  //检查是否小于10
  h = check(h);
  m = check(m);
  s = check(s);
  let now_day = time.getDay();
  switch (now_day) {
  case 0: {
  weekDay = “星期日”
  }
  break;
  case 1: {
  weekDay = “星期一”
  }
  break;
  case 2: {
  weekDay = “星期二”
  }
  break;
  case 3: {
  weekDay = “星期三”
  }
  break;
  case 4: {
  weekDay = “星期四”
  }
  break;
  case 5: {
  weekDay = “星期五”
  }
  break;
  case 6: {
  weekDay = “星期六”
  }
  break;
  case 7: {
  weekDay = “星期日”
  }
  break;
  }
  let timeText = year + “年” + month + “月” + day + “日 " + " " + weekDay + " " + h + “:” + m +”:" + s;

return timeText
}

##返回指定时间戳之间的时间间隔

/**

• @param {*} startTime 开始时间的时间戳
• @param {*} endTime 结束时间的时间戳
• @return {string} str 返回时间字符串
  */
  function getTimeInterval(startTime, endTime) {
  let runTime = parseInt((endTime - startTime) / 1000);
  let year = Math.floor(runTime / 86400 / 365);
  runTime = runTime % (86400 * 365);
  let month = Math.floor(runTime / 86400 / 30);
  runTime = runTime % (86400 * 30);
  let day = Math.floor(runTime / 86400);
  runTime = runTime % 86400;
  let hour = Math.floor(runTime / 3600);
  runTime = runTime % 3600;
  let minute = Math.floor(runTime / 60);
  runTime = runTime % 60;
  let second = runTime;
  let str = ‘’;
  if (year > 0) {
  str = year + ‘年’;
  }
  if (year <= 0 && month > 0) {
  str = month + ‘月’;
  }
  if (year <= 0 && month <= 0 && day > 0) {
  str = day + ‘天’;
  }
  if (year <= 0 && month <= 0 && day <= 0 && hour > 0) {
  str = hour + ‘小时’;
  }
  if (year <= 0 && month <= 0 && day <= 0 && hour <= 0 && minute > 0) {
  str = minute + ‘分钟’;
  }
  if (year <= 0 && month <= 0 && day <= 0 && hour <= 0 && minute <= 0 && second > 0) {
  str += second + ‘秒’;
  }
  str += ‘前’;
  return str;
  }

##按类型格式化日期

/**

• @param {*} date 具体日期变量
• @param {string} dateType 需要返回类型
• @return {string} dateText 返回为指定格式的日期字符串
  */
  function getFormatDate(date, dateType) {
  let dateObj = new Date(date);
  let month = dateObj.getMonth() + 1;
  let strDate = dateObj.getDate();
  let hours = dateObj.getHours();
  let minutes = dateObj.getMinutes();
  let seconds = dateObj.getSeconds();
  if (month >= 1 && month <= 9) {
  month = “0” + month;
  }
  if (strDate >= 0 && strDate <= 9) {
  strDate = “0” + strDate;

}
if (hours >= 0 && hours <= 9) {
hours = “0” + hours
}
if (minutes >= 0 && minutes <= 9) {
minutes = “0” + minutes
}
if (seconds >= 0 && seconds <= 9) {
seconds = “0” + seconds
}

let dateText = dateObj.getFullYear() + ‘年’ + (dateObj.getMonth() + 1) + ‘月’ + dateObj.getDate() + ‘日’;
if (dateType == “yyyy-mm-dd”) {
dateText = dateObj.getFullYear() + ‘-’ + (dateObj.getMonth() + 1) + ‘-’ + dateObj.getDate();
}
if (dateType == “yyyy.mm.dd”) {
dateText = dateObj.getFullYear() + ‘.’ + (dateObj.getMonth() + 1) + ‘.’ + dateObj.getDate();
}
if (dateType == “yyyy-mm-dd MM:mm:ss”) {
dateText = dateObj.getFullYear() + ‘-’ + month + ‘-’ + strDate + ’ ’ + hours + “:” + minutes + “:” + seconds;
}
if (dateType == “mm-dd MM:mm:ss”) {
dateText = month + ‘-’ + strDate + ’ ’ + hours + “:” + minutes + “:” + seconds;
}
if (dateType == “yyyy年mm月dd日 MM:mm:ss”) {
dateText = dateObj.getFullYear() + ‘年’ + month + ‘月’ + strDate + ‘日’ + ’ ’ + hours + “:” + minutes + “:” + seconds;
}
return dateText;
}

小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）

更多面试题

**《350页前端校招面试题精编解析大全》**内容大纲主要包括 HTML，CSS，前端基础，前端核心，前端进阶，移动端开发，计算机基础，算法与数据结构，项目，职业发展等等

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

前端校招面试题精编解析大全》**内容大纲主要包括 HTML，CSS，前端基础，前端核心，前端进阶，移动端开发，计算机基础，算法与数据结构，项目，职业发展等等

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

[外链图片转存中…(img-dw2rHNuQ-1710685340772)]