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 相关文章推荐
js操作iframe父子窗体示例
May 22 Javascript
Extjs Label的 fieldLabel和html属性值对齐的方法
Jun 15 Javascript
JS日期加减,日期运算代码
Nov 05 Javascript
网页中JS函数自动执行常用三种方法
Mar 30 Javascript
AngularJS ng-repeat数组有重复值的解决方法
Oct 23 Javascript
js放大镜放大购物图片效果
Jan 18 Javascript
微信小程序 chooseImage选择图片或者拍照
Apr 07 Javascript
微信小程序本地缓存数据增删改查实例详解
May 24 Javascript
Node.js爬取豆瓣数据实例分析
Mar 05 Javascript
微信小程序使用canvas的画图操作示例
Jan 18 Javascript
Js生成随机数/随机字符串的方法小结【5种方法】
May 27 Javascript
微信小程序开发(一):服务器获取数据列表渲染操作示例
Jun 01 Javascript
原生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
星际实力自我测试
2020/03/04 星际争霸
php5新改动之短标记启用方法
2008/09/11 PHP
如何把php5.3版本升级到php5.4或者php5.5
2015/07/31 PHP
JSON字符串传到后台PHP处理问题的解决方法
2016/06/05 PHP
tp5实现微信小程序多图片上传到服务器功能
2018/07/16 PHP
Javascript+XMLHttpRequest+asp.net无刷新读取数据库数据
2009/08/09 Javascript
JavaScript 计算图片加载数量的代码
2011/01/01 Javascript
javascript常用对话框小集
2013/09/13 Javascript
jquery得到font-size属性值实现代码
2013/09/30 Javascript
jQuery操作select下拉框的text值和value值的方法
2014/05/31 Javascript
js实时获取窗口大小变化的实例代码
2016/11/18 Javascript
Vue.js第二天学习笔记(vue-router)
2016/12/01 Javascript
微信小程序开发之圆形菜单 仿建行圆形菜单实例
2016/12/12 Javascript
JS实现的添加弹出层并完成锁屏操作示例
2017/04/07 Javascript
深入理解requireJS-实现一个简单的模块加载器
2018/01/15 Javascript
vue做移动端适配最佳解决方案(亲测有效)
2018/09/04 Javascript
react组件从搭建脚手架到在npm发布的步骤实现
2019/01/09 Javascript
JS使用对象的defineProperty进行变量监控操作示例
2019/02/02 Javascript
微信小程序自定义弹出模态框禁止底部滚动功能
2020/03/09 Javascript
js实现跳一跳小游戏
2020/07/31 Javascript
[02:26]2016国际邀请赛8月3日开战 中国军团出征西雅图
2016/08/02 DOTA
Python实现优先级队列结构的方法详解
2016/06/02 Python
python实现网站用户名密码自动登录功能
2019/08/09 Python
基于python求两个列表的并集.交集.差集
2020/02/10 Python
python递归调用中的坑:打印有值, 返回却None
2020/03/16 Python
解决运行出现'dict' object has no attribute 'has_key'问题
2020/07/15 Python
使用Python爬取Json数据的示例代码
2020/12/07 Python
美国在线印刷公司:PsPrint
2017/10/12 全球购物
重新定义牛仔布,100美元以下:Warp + Weft
2018/07/25 全球购物
啤酒销售实习自我鉴定
2013/09/24 职场文书
人力资源管理毕业生自荐信
2013/11/21 职场文书
危货运输企业安全生产责任书
2014/07/28 职场文书
2015学校六五普法工作总结
2015/04/22 职场文书
计算机实训心得体会
2016/01/14 职场文书
手把手教你使用TensorFlow2实现RNN
2021/07/15 Python
Nginx如何限制IP访问只允许特定域名访问
2022/07/23 Servers