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 获取当前日期时间及其它操作实现代码
Mar 04 Javascript
JS 判断undefined的实现代码
Nov 26 Javascript
JavaScript之Getters和Setters 平台支持等详细介绍
Dec 07 Javascript
体验js中splice()的强大(插入、删除或替换数组的元素)
Jan 16 Javascript
JQuery中extend的用法实例分析
Feb 08 Javascript
javascript格式化json显示实例分析
Apr 21 Javascript
javascript无刷新评论实现方法
May 13 Javascript
JS判断页面是否出现滚动条的方法
Jul 17 Javascript
Vue数组更新及过滤排序功能
Aug 10 Javascript
vue数组对象排序的实现代码
Jun 20 Javascript
JS左右无缝轮播功能完整实例
May 16 Javascript
小程序自定义圆形进度条
Nov 17 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
php桌面中心(一) 创建数据库
2007/03/11 PHP
PHP删除目录及目录下所有文件的方法详解
2013/06/06 PHP
PHP自带ZIP压缩、解压缩类ZipArchiv使用指南
2015/03/03 PHP
PHP访问Google Search API的方法
2015/03/05 PHP
php使用MySQL保存session会话的方法
2015/06/26 PHP
PHP实现一个多功能购物网站的案例
2017/09/13 PHP
解决php写入数据库乱码的问题
2019/09/17 PHP
javascript xml为数据源的下拉框控件
2009/07/07 Javascript
Json对象替换字符串占位符实现代码
2010/11/17 Javascript
jquery validate.js表单验证入门实例(附源码)
2015/11/10 Javascript
全面解析Bootstrap表单使用方法(表单按钮)
2015/11/24 Javascript
干货分享:让你分分钟学会javascript闭包
2015/12/25 Javascript
DeviceOne 让你一见钟情的App快速开发平台
2016/02/17 Javascript
基于jQuery实现音乐播放试听列表
2016/04/14 Javascript
BootStrap Table对前台页面表格的支持实例讲解
2016/12/22 Javascript
Vue+axios 实现http拦截及路由拦截实例
2017/04/25 Javascript
JavaScript实现时间表动态效果
2017/07/15 Javascript
使用Vue实现图片上传的三种方式
2018/07/17 Javascript
javascript中toFixed()四舍五入使用方法详解
2018/09/28 Javascript
express框架下使用session的方法
2019/07/31 Javascript
[47:45]DOTA2-DPC中国联赛 正赛 Phoenix vs Dragon BO3 第一场 2月26日
2021/03/11 DOTA
在Django中创建动态视图的教程
2015/07/15 Python
Tornado协程在python2.7如何返回值(实现方法)
2017/06/22 Python
Python数据分析之双色球基于线性回归算法预测下期中奖结果示例
2018/02/08 Python
使用EduBlock轻松学习Python编程
2018/10/08 Python
Django web框架使用url path name详解
2019/04/29 Python
Python3+Appium安装使用教程
2019/07/05 Python
HTML5+css3:3D旋转木马效果相册
2017/01/03 HTML / CSS
大学生四个方面的自我评价
2013/09/19 职场文书
会计岗位职责
2013/11/08 职场文书
公司司机岗位职责
2014/02/07 职场文书
主管会计岗位责任制
2014/02/10 职场文书
秋季运动会演讲稿
2014/09/16 职场文书
个人借款协议书范本
2014/11/17 职场文书
活动经费申请报告
2015/05/15 职场文书
调解书格式范本
2015/05/20 职场文书