javascript显示上周、上个月日期的处理方法


Posted in Javascript onFebruary 03, 2016

本文实例介绍了javascript一周前、一个月前的实现代码,对于javascript日期处理进行了简单分析,分享给大家供大家参考,具体内容如下

<html>
<head>
 <title></title>
 <script src="../Script/jQuery/jquery-1.6.2.min.js" type="text/javascript"></script>
 <script src="../Script/MTHCRMWidget/MTHCRMWidget.js" type="text/javascript"></script>
 <script type="text/javascript">
  $(function () {
   myClick();//点击事件触发
  })

  //专门包装点击事件;
  function myClick() {
   $(".tbBtn").click(function () {
    var sid = $(this).attr("id");
    var agoDate = "";
    var Cdate = new Date();
    if (sid == "CbtnNull") {
     $("#txtCallCycleBegin").val("");
     $("#txtCallCyclecurrend").val("");
    } else if (sid == "CbtnMoon") {
     agoDate = ProcessDate(30);
     $("#txtCallCycleBegin").val("{0}-{1}-{2}".format(agoDate.Year, agoDate.Moon, agoDate.Day));
     $("#txtCallCyclecurrend").val("{0}-{1}-{2}".format(Cdate.getFullYear(), Cdate.getMonth() + 1, Cdate.getDate()));
    } else {
     agoDate = ProcessDate(7);
     $("#txtCallCycleBegin").val("{0}-{1}-{2}".format(agoDate.Year, agoDate.Moon, agoDate.Day));
     $("#txtCallCyclecurrend").val("{0}-{1}-{2}".format(Cdate.getFullYear(), Cdate.getMonth() + 1, Cdate.getDate()));
    }
   })
  }

  //处理日期的函数,返回一个字面量;
  function ProcessDate(type) {
   //1.0获取现在时间的年月日:
   var currentTime = new Date("2016-01-02"); //得到当前的时间
   var currentYear = currentTime.getFullYear(); //得到当前的年份
   var currentMoon = currentTime.getMonth() + 1; //得到当前的月份(系统默认为0-11,所以要加1才算是当前的月份)
   var currentDay = currentTime.getDate(); //得到当前的天数

   //2.0获取当前时间的一个月内的年月日:(一个月内的大众业务需求为:当前时间的月份-1,当前时间的天数+1)
   var agoDay = "";
   var agoMoon = currentMoon;
   var agoYear = currentYear;
   var max = "";
   switch (type) {
    case 30:
     agoDay = currentDay + 1;
     agoMoon = currentMoon - 1;
     max = new Date(agoYear, agoMoon, 0).getDate(); //获取上个月的总天数
     break;
    case 7:
     agoDay = currentDay - 6;
     if (agoDay < 0) {
      agoMoon = currentMoon - 1;//月份减1
      max = new Date(agoYear, agoMoon, 0).getDate(); //获取上个月的总天数
      agoDay = max + agoDay;//天数在上个月的总天数的基础上减去负数
     }
     break;
   }

   //3.0对处理的年月日作逻辑判断


   //如果beginDay > max(如果是当前时间的天数+1后的数值超过了上个月的总天数: 天数变为1,月份增加1)
   if (agoDay > max) {
    agoDay = 1;
    agoMoon += 1;
   }

   //如果月份当月为1月的时候, 那么一个月内: 年:-1 月:12 日:依然不变 
   if (agoMoon == 0) {
    agoMoon = 12;
    agoYear = currentYear - 1;
   }

   //4.0对已经处理好的数据作格式处理(单位数则自动补零)
   currentMoon = Appendzero(currentMoon);
   currentDay = Appendzero(currentDay);
   agoMoon = Appendzero(agoMoon);
   agoDay = Appendzero(agoDay);

   //5.0帮助代码
   console.log("当前时间为:{0}-{1}-{2}".format(currentYear, currentMoon, currentDay));
   console.log("一个月前的时间为{0}-{1}-{2}".format(agoYear, agoMoon, agoDay));

   return { "Year": agoYear, "Moon": agoMoon, "Day": agoDay };
  }

  //处理各位数为零的数字(单位数则加0)
  function Appendzero(obj) {
   if (obj < 10) {
    return "0" + obj;
   } else { 
    return obj;
   }
  }

 </script>
</head>
<body>
 <input type="button" class="tbBtn" id="CbtnNull" style="background-color:#e3e3e3" value="不限"/>
 <input type="button" class="tbBtn" id="CbtnMoon" style="width: 80px; margin-left: 5px; margin-right: 5px;" value="一个月内"/>
 <input type="button" class="tbBtn" id="CbtnWeek" style="width: 80px; margin-left: 5px; margin-right: 5px;" value="一周内"/>
 <input id = "txtCallCycleBegin" type="text"/>
 <input id = "txtCallCyclecurrend" type="text"/>
</body>
</html>

以上就是本文的全部内容,希望能够帮助大家更好的解决javascript日期处理问题。

Javascript 相关文章推荐
基于jQuery的图片左右无缝滚动插件
May 23 Javascript
js图片自动轮播代码分享(js图片轮播)
May 06 Javascript
Javascript中3种实现继承的方法和代码实例
Aug 12 Javascript
使用AngularJS对路由进行安全性处理的方法
Jun 18 Javascript
针对JavaScript中this指向的简单理解
Aug 26 Javascript
详解jQuery lazyload 懒加载
Dec 19 Javascript
js获取当前页的URL与window.location.href简单方法
Feb 13 Javascript
代码详解javascript模块加载器
Mar 04 Javascript
JavaScript变量声明var,let.const及区别浅析
Apr 23 Javascript
js canvas实现5张图片合成一张图片
Jul 15 Javascript
swiper4实现移动端导航栏tab滑动切换
Oct 16 Javascript
如何在 Vue 中使用 JSX
Feb 14 Vue.js
原生JavaScript实现动态省市县三级联动下拉框菜单实例代码
Feb 03 #Javascript
AngularJS向后端ASP.NET API控制器上传文件
Feb 03 #Javascript
javascript DIV实现跟随鼠标移动
Mar 19 #Javascript
javascript鼠标右键菜单自定义效果
Dec 08 #Javascript
JavaScript获取当前运行脚本文件所在目录的方法
Feb 03 #Javascript
JavaScript获取对象在页面中位置坐标的方法
Feb 03 #Javascript
基于jQuery实现select下拉选择可输入附源码下载
Feb 03 #Javascript
You might like
咖啡磨器 如何选购一台适合家用的意式磨豆机
2021/03/05 新手入门
深入理解php的MySQL连接类
2013/06/07 PHP
table标签的结构与合并单元格的实现方法
2013/07/24 PHP
php网页版聊天软件实现代码
2016/08/12 PHP
php中file_get_contents()函数用法实例
2019/02/21 PHP
11款基于Javascript的文件管理器
2009/10/25 Javascript
ExtJs使用IFrame的实现代码
2010/03/24 Javascript
Node.js中调用mysql存储过程示例
2014/12/20 Javascript
jquery实现点击查看更多内容控制段落文字展开折叠效果
2015/08/06 Javascript
分享自己用JS做的扫雷小游戏
2016/02/17 Javascript
js添加绑定事件的方法
2016/05/15 Javascript
2种简单的js倒计时方式
2017/10/20 Javascript
JS实现字符串去重及数组去重的方法示例
2018/04/21 Javascript
jQuery实现的滑块滑动导航效果示例
2018/06/04 jQuery
Vue.js样式动态绑定实现小结
2019/01/24 Javascript
vue 使用外部JS与调用原生API操作示例
2019/12/02 Javascript
js与jquery获取input输入框中的值实例讲解
2020/02/27 jQuery
使用React-Router实现前端路由鉴权的示例代码
2020/07/26 Javascript
pyqt4教程之实现半透明的天气预报界面示例
2014/03/02 Python
Python中的time模块与datetime模块用法总结
2016/06/30 Python
答题辅助python代码实现
2018/01/16 Python
Python多线程中阻塞(join)与锁(Lock)使用误区解析
2018/04/27 Python
Python Logging 日志记录入门学习
2018/06/02 Python
澳大利亚电子产品购物网站:Dick Smith
2017/02/02 全球购物
巴基斯坦电子产品购物网站:Home Shopping
2017/09/14 全球购物
Belvilla法国:休闲度假房屋出租
2020/10/03 全球购物
中海讯通笔试题
2015/09/15 面试题
绘画专业自荐信
2014/07/04 职场文书
综治维稳工作承诺书
2014/08/30 职场文书
村党支部书记个人对照材料汇报
2014/10/26 职场文书
故意杀人案辩护词
2015/05/21 职场文书
运动会广播稿50字
2015/08/19 职场文书
小学班级标语口号大全
2015/12/26 职场文书
一封真诚的自荐信帮你赢得机会
2019/05/07 职场文书
方法汇总:Python 安装第三方库常用
2022/04/26 Python
Docker与K8s关系介绍不会Docker也可以使用K8s
2022/06/25 Servers