js获取本日、本周、本月的时间代码

 更新时间:2020年02月01日 14:16:28   投稿:mdxy-dxy  
本篇文章给大家分享的内容是利用js如何获取本日、本周、本月的时间代码,有一定的参考价值,有需要的朋友可以参考一下

本日时间

function showToDay()
{   
  var Nowdate=new Date();   
  M=Number(Nowdate.getMonth())+1   
  alert(Nowdate.getMonth()+"月,"+Nowdate.getDate()+"号,星期"+Nowdate.getDay());   
  return Nowdate.getYear()+"-"+M+"-"+Nowdate.getDate();   
}

昨天

function showTomorrow()
{   
  var tom=new Date();   
  tom.setDate(tom.getDate()+1);   
  M=Number(tom.getMonth())+1   
  return tom.getYear()+"-"+M+"-"+tom.getDate();   
}

本周第一天

function showWeekFirstDay()   
{   
  var Nowdate=new Date();   
  var WeekFirstDay=new Date(Nowdate-(Nowdate.getDay()-1)*86400000);   
  M=Number(WeekFirstDay.getMonth())+1   
  return WeekFirstDay.getYear()+"-"+M+"-"+WeekFirstDay.getDate();   
}

本周最后天

function showWeekLastDay()   
{   
  var Nowdate=new Date();   
  var WeekFirstDay=new Date(Nowdate-(Nowdate.getDay()-1)*86400000);   
  var WeekLastDay=new Date((WeekFirstDay/1000+6*86400)*1000);   
  M=Number(WeekLastDay.getMonth())+1   
  return WeekLastDay.getYear()+"-"+M+"-"+WeekLastDay.getDate();   
}

本月第一天

function showMonthFirstDay()   
{   
  var Nowdate=new Date();   
  var MonthFirstDay=new Date(Nowdate.getYear(),Nowdate.getMonth(),1);   
  M=Number(MonthFirstDay.getMonth())+1   
  return MonthFirstDay.getYear()+"-"+M+"-"+MonthFirstDay.getDate();   
}

本月最后一天

function showMonthLastDay()   
{   
  var Nowdate=new Date();   
  var MonthNextFirstDay=new Date(Nowdate.getYear(),Nowdate.getMonth()+1,1);   
  var MonthLastDay=new Date(MonthNextFirstDay-86400000);   
  M=Number(MonthLastDay.getMonth())+1   
  return MonthLastDay.getYear()+"-"+M+"-"+MonthLastDay.getDate();   
}

function getTime(s)
{   
  var time1=document.getElementById("num1");   
  var time2=document.getElementById("num2");   
  if(s==1){   
    //本日时间   
    time1.value=showToDay();   
    //alert("今日:"+time1.value);   
    time2.value=showTomorrow();   
    //alert("今日:"+time2.value);   
  }else if(s==2){   
    //本周时间   
    time1.value=showWeekFirstDay();   
    //alert("本月第一天:"+time1.value);   
    time2.value=showWeekLastDay();   
    //alert("本月最后一天:"+time2.value);   
  }else{   
    //本月时间   
    time1.value=showMonthFirstDay();   
    //alert("本月第一天"+time1.value);   
    time2.value=showMonthLastDay();   
    //alert("本月最后一天"+time2.value);     
 }
}

其他网友补充的完整测试代码

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
<input type="text" id="dateFrom" value="">
<input type="text" id="dateTo" value="">
<script>
window.onload = function() {
  // getDate("thisDay");
  // getDate("thisWeek");
  // getDate("thisMonth");
  getDate("thisYear");
}  
  //获取推送时间段 
  function getDate(type){ 
    var kssj,jssj; 
    var today = new Date();     
    var DAY = 1000*60*60*24;  
    if(type =="thisDay") { //当天
      kssj = new Date();  
      jssj = new Date();  
    }  
    if(type == "thisWeek") { //本周周
      kssj = getThisWeekFirstDay();//本周第一天 
      jssj = new Date(); 
    } 
    if(type == "thisMonth") { //本月 
      kssj = getThisMonthFirstDay();//本月第一天 
      jssj = new Date(); 
    } 
    if(type == "thisYear") {
      kssj = getThisYearFirstDay();//本年第一天
      jssj = new Date();
    }
    var dateFrom = kssj.format('yyyy-MM-dd');
    var dateTo = jssj.format('yyyy-MM-dd');
    document.getElementById("dateFrom").value=dateFrom;
    document.getElementById("dateTo").value=dateTo;
  } 
  function getThisWeekFirstDay() {
    var now = new Date();
    var day = now.getDay();
    var week = "1234567";
    var first = 0 - week.indexOf(day);
    var thisWeekfirstDay = new Date;
    thisWeekfirstDay.setDate (thisWeekfirstDay.getDate () + first);
    return thisWeekfirstDay;
  } 
  function getThisMonthFirstDay(){ 
    var date=new Date();
    date.setDate(1);
    return date; 
  } 
  function getThisYearFirstDay() { 
    var currentDate=new Date(); 
    var currentYear=currentDate.getFullYear(); 
    var currentYearFirstDate=new Date(currentYear,0,1);
    return currentYearFirstDate;
  }
  //data类型转string 
  Date.prototype.format = function(format) 
  { 
    var o = { 
      "M+" : this.getMonth()+1, //month 
      "d+" : this.getDate(),  //day 
      "h+" : this.getHours(),  //hour 
      "m+" : this.getMinutes(), //minute 
      "s+" : this.getSeconds(), //second 
      "q+" : Math.floor((this.getMonth()+3)/3), //quarter 
      "S" : this.getMilliseconds() //millisecond 
    } 
    if(/(y+)/.test(format)) format=format.replace(RegExp.$1, 
    (this.getFullYear()+"").substr(4 - RegExp.$1.length)); 
    for(var k in o)if(new RegExp("("+ k +")").test(format)) 
      format = format.replace(RegExp.$1, 
        RegExp.$1.length==1 ? o[k] : 
        ("00"+ o[k]).substr((""+ o[k]).length)); 
    return format; 
  } 
</script>
</body>
</html>

这样基本上就解决问题了

相关文章

  • H5微信公众号授权的简单实现步骤

    H5微信公众号授权的简单实现步骤

    如果用户在微信客户端中访问第三方网页,公众号可以通过微信网页授权机制,来获取用户基本信息,进而实现业务逻辑,这篇文章主要给大家介绍了关于微信公众号授权的相关资料,需要的朋友可以参考下
    2021-07-07
  • 详解Flutter如何用思源宋体炫出你的UI

    详解Flutter如何用思源宋体炫出你的UI

    这篇文章主要为大家介绍了Flutter如何用思源宋体炫出你的UI示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-04-04
  • 12行javascript代码绘制一个八卦图

    12行javascript代码绘制一个八卦图

    本文给大家分享的是使用有限的代码绘制八卦图,算是考核下自己对于javascript的理解,这里推荐给大家,有需要的小伙伴参考下。
    2015-04-04
  • JavaScript逐点突破系列之this是什么

    JavaScript逐点突破系列之this是什么

    本章将专门介绍与执行上下文创建阶段直接相关的最后一个细节——this是什么?以及它的指向到底是什么,感兴趣的朋友跟随小编一起看看吧
    2021-04-04
  • 不错的新闻标题颜色效果

    不错的新闻标题颜色效果

    [红色]不错的新闻标题颜色效果...
    2006-12-12
  • js实现图片切换(动画版)

    js实现图片切换(动画版)

    本文主要对javascript实现图片切换(动画版)的方法进行步骤分析、实例介绍,具有很好的参考价值,需要的朋友一起来看下吧
    2016-12-12
  • JavaScript类型相关的常用操作总结

    JavaScript类型相关的常用操作总结

    这篇文章主要给大家总结介绍了关于JavaScript类型相关的常用操作,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-02-02
  • js有效数字 显示指定位数

    js有效数字 显示指定位数

    js有效数字 显示指定位数...
    2007-09-09
  • ES5和ES6中类的区别总结

    ES5和ES6中类的区别总结

    这篇文章主要给大家介绍了ES5和ES6中类的区别的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-12-12
  • Three.js实现脸书元宇宙3D动态Logo效果

    Three.js实现脸书元宇宙3D动态Logo效果

    本文主要讲述通过 Three.js + Blender 技术栈,实现 Meta 公司炫酷的 3D 动态 Logo,内容包括基础模型圆环、环面扭结、管道及模型生成、模型加载、添加动画、添加点击事件、更换材质等
    2021-11-11

最新评论