js对当天日期的下一天与下一天的操作

最新推荐文章于 2023-05-16 17:10:54 发布
最新推荐文章于 2023-05-16 17:10:54 发布
阅读量1k 收藏
点赞数
分类专栏： 前端 文章标签： jquery js jsp css html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zuozhiyoulaisam/article/details/41055479
版权

说明：以下思路一年过后回来再看自己写的很幼稚，不应该由下面的思路来进行解决的，应该是由时间戳进行加减再进行变成对应的时间值，这样才可以减少N多的判断


HTML部分：

<body>
    <div class="oi"> 
            <table class="big" cellspacing="0" cellpadding="0" border="0" width="0">
                <tr>
                    <td style="text-align:center;" id="mintd">
                        <img src="003.png" class="mim" id="minbtn">
                    </td>
                    <td>
                        <input type="scroll_date" id="startDate" οnfοcus="changeDate()" placeholder="lai"  class="demo-test-date input_start" type="text" style="text-align:center">
                        <input type="text" id="datesd" style="display:none;width:1px;">
                    </td>
                    <td style="text-align:center;" id="addtd">
                        <img src="002.png" class="mim" id="addbtn">
                    </td>
                </tr>
            </table>
            <span>
                <span style="float:right;padding-right:10px;" id="lab">420.00</span><span style="float:right">¥ </span>
            </span>
    </div>
    <input type="text" id="datesd" style="display:none;width:1px;">
    <table id="tab" width="0" border="0" cellpadding="0"  cellspacing="0" class="depar_table" style="background:#fff; align:center ;margin-top:0px;">
        <tr>
          <td style="width:15%;font-weight: bold ; ">序列</td>
          <td style="width:60%;font-weight: bold ; ">名称</td>
          <td style="width:5%;display:none;font-weight: bold ; "></td>
          <td  id='oprice' style="width:20%;font-weight: bold ; "><span class="rsingle">金额</span></td>
      </tr>
        <tr>
          <td style="width:5%">2</td>
          <td style="width:60%">xxx</td>
          <td style="width:5%;display:none;">2014-11-04</td>
          <td  id='oprice' style="width:20%">¥ <span class="rsingle">44.00</span></td>
      </tr>
      <tr>
          <td style="width:5%">3</td>
          <td style="width:60%">xxx</td>
          <td style="width:5%;display:none;">2014-11-04</td>
          <td  id='oprice' style="width:20%">¥ <span class="rsingle">56.00</span></td>
      </tr>
          </table>


CSS部分：

*{
    margin:0px;
    padding:0px;
    font-family:"Microsoft YaHei";
    }
    .oi{
        height:50px;
        width:100%;
        font-weight: bold ; 
        background-color:#069DD5;
        font-size:30px;
        color:#fff;
        padding-top:10px;
    }
    .top_table{
    
        
    }
    .top_table td{
        width:50%;
        height:50px;
    }
    .footer2{ text-align:center; position:fixed; z-index:10; bottom:0;  margin:20px 0% 0px 0%; font-size:14px; line-height:30px; width:100%; background:#FFFFFF; border-top:1px #CCCCCC solid; }
    .footer3{ text-align:center;  margin:30% 0% 5% 0%; font-size:12px; line-height:30px; width:100%; color:#999999; margin-bottom:0%}
    .big{
        width:50%;;
        height:30px;
        border:1px solid #c3c3c3;
        background-color:#fff;
        margin-left:10px;
        float:left;
        cursor:pointer;
    }
    .inp{
        display:block;
        height:35px;
        overflow:hidden;
    }
    input{
        width:100%;
        border:0 none;
        font-size:18px;
        height:30px;
        padding:0px;
    }




JS部分：

   

 //获取当天的时间
        var date=new Date;
          var year=date.getFullYear();
          var month=date.getMonth()+1;
          var day=date.getDate();
          month=(month<10?"0"+month:month);
          var nowDate=(year.toString()+"-"+month.toString()+"-"+day);
        //提示框的显示
        $("#startDate").attr("placeholder",""+nowDate);
        
    $(function(){
        
     getSum();
     showAll();
     //$("#mintd").hide();
     $("#addtd").hide();
     //新添加的2个按钮 实现对日期的相加减
     //日期相减
     $("#minbtn").click(function(){
        //获取文本框的值
        var data=$("#startDate").val();
        //先显示左边的坐标默认为当前的日期
        if(data==null || data==""){
            $("#startDate").val(nowDate);
            changeDate();
            if (myMethod.compareTwoday(data, nowDate)) {
                $("#addtd").hide();
            }
        }else{
            data=myMethod.minbtn(data);
            $("#startDate").val(data);
            changeDate();
            if (myMethod.compareTwoday(data, nowDate)) {
                $("#addtd").hide();
            }else{
                $("#addtd").show();
            }
        }
        
     });
     
     //日期相加
     $("#addbtn").click(function(){
         //获取文本框的值
        var data=$("#startDate").val();
        //判断文本框大于今天日期
        if(myMethod.compareTwoday(data,nowDate)){
             $("#addtd").hide();
        }else{
            data=myMethod.addbtn(data);
            $("#startDate").val(data);
            changeDate();
            if (myMethod.compareTwoday(data, nowDate)) {
                $("#addtd").hide();
            }else{
                $("#addtd").show();
            }
        }
     });
});
var myMethod=function(){
    return {
        addbtn:function(mdate){
            //获取当前值的下一天
                //获取当前的数组
                var marray = new Array();
                //把日期进行切割  格式为：yyyy-mm-dd
                //新的日期
                var nyear=0,nmonth=0,nday=0;
                marray = mdate.split("-");
                var year=parseInt(marray[0]);
                var month=parseInt(marray[1]);
                var day=parseInt(marray[2]);
                //判断是否月尾   ==月的尾部  年的尾部
                if(month==12 && day==31){
                    nyear=year+1;
                    nmonth=1;
                    nday=1;
                }
                //看一下是否是月尾
                else if(day==this.getMonthDaysbyMoth(month) && month!=12){
                    nyear=year;;
                    nmonth=month+1;
                    nday=1;
                }else{
                    nyear=year;
                    nmonth=month;
                    nday=day+1;
                }
                nmonth=(nmonth<10?"0"+nmonth:nmonth);
                nday=(nday<10?"0"+nday:nday);
                return nyear+"-"+nmonth+"-"+nday;
        },
        
        minbtn:function(mdate){
            //获取当前值的上一天
                //获取当前的数组
                var marray = new Array();
                //把日期进行切割  格式为：yyyy-mm-dd
                //新的日期
                var oyear=0,omonth=0,oday=0;
                marray = mdate.split("-");
                var year=parseInt(marray[0]);
                var month=parseInt(marray[1]);
                var day=parseInt(marray[2]);
                //判断是否月的首部   ==月的首部年的首部
                //年头
                if(month==1 && day==1){
                    oyear=year-1;
                    omonth=12;
                    oday=31;
                }
                //月头
                else if(day==1 && month!=1 ){
                    oyear=year;
                    omonth=month-1;
                    //获取上个月的天数
                    oday=this.getMonthDaysbyMoth(month-1);
                } else{
                    oyear=year;
                    omonth=month;
                    oday=day-1;
                }
                omonth=(omonth<10?"0"+omonth:omonth);
                oday=(oday<10?"0"+oday:oday);
                return oyear+"-"+omonth+"-"+oday;
        },
        getMonthDays: function(mdate){
            //获取当前的数组
            var marray = new Array();
            //把日期进行切割  格式为：yyyy-mm-dd
            marray = mdate.split("-");
            //月份
            var month = parseInt(marray[1]);
            //2月的判断的天数
            if (month == 2) {
                if (year % 4 == 0) {
                    if (year % 100 != 0) {
                        return 29;
                    }
                    else {
                        if (year % 400 == 0) {
                            return 29;
                        }
                        else {
                            return 28;
                        }
                    }
                }
                else {
                    return 28;
                }
            }
        //如果是其他月份的判断
        if(month==1 || month==3 || month==5 || month==7 || month==8 || month==10 || month==12){
             return 31;
          }else{
             return 30;
          }
        },
        getMonthDaysbyMoth:function(month){
            //2月的判断的天数
            if (month == 2) {
                if (year % 4 == 0) {
                    if (year % 100 != 0) {
                        return 29;
                    }
                    else {
                        if (year % 400 == 0) {
                            return 29;
                        }
                        else {
                            return 28;
                        }
                    }
                }
                else {
                    return 28;
                }
            }
        //如果是其他月份的判断
        if(month==1 || month==3 || month==5 || month==7 || month==8 || month==10 || month==12){
             return 31;
          }else{
             return 30;
          }
        },
        compareTwoday:function(newday,oldday){
            //获取当前的数组
            var marray1 = new Array();
            var marray2 = new Array();
            //把日期进行切割  格式为：yyyy-mm-dd
            marray1 = newday.split("-");
            marray2 = oldday.split("-");
            var year=parseInt(marray1[0]);
            var month=parseInt(marray1[1]);
            var day=parseInt(marray1[2]);
            var year1=parseInt(marray2[0]);
            var month1=parseInt(marray2[1]);
            var day1=parseInt(marray2[2]);
            if(year>year1  ){
                return true;
            }else if(year==year1 && month>month1 ){
                return true;
            }
            else if(year=year1 && month ==month1 && day>=day1 ){
                return true;
            }
            else{
                return false;
            }
        }
    };
}();

//进行对日期修改的时候进行查询功能
function changeDate(){
        var ki=$("#datesd").val();
        var mydate=$("#startDate").val();
        if(!(ki==mydate)){
             getSum();
              showAll();
             //显示全部列
             showAll();
             //获取所选的日期
            var mydate=$("#startDate").val();
            //获取日期列的值
            var tableId= $("#tab tr");
            //总价钱
            var sum=0.00;
            for (var i = 1; i < tableId.length; i++) {
                //获取的第3列的值 日期值
                var ndat=$(tableId[i]).children("td").eq(2).text();
                if(mydate==ndat){
                    //获取的第4列的值
                    var oprice=$(tableId[i]).children("td").eq(3).text();
                    //开始截取3列中的数字并对数字进行转型
                    var onum=parseFloat(oprice.substr(1,oprice.length));
                    sum+=onum;
                  }else{
                    $(tableId[i]).hide();
                }                
            }
            $("#lab").html(sum.toFixed(2));
            changeTd();
        }
}

//修改序列号的列
    function changeTd(){
        var tableId= $("#tab tr");
        var j=0;
        for (var i = 1; i < tableId.length; i++) {
            //获取的第4列的值
            var imp=$(tableId[i]).css("display");
            if(imp!="none"){
                j++;
                $(tableId[i]).children("td").eq(0).text(j);
            }
        }
    }
//初始化时获取总价钱
    function getSum(){
        var tableId= $("#tab tr");
        //总钱数
        var str = 0.00;
        for(var i=1;i<tableId.length;i++)
        {
            //获取的第4列的值
            var oprice=$(tableId[i]).children("td").eq(3).text();
            //开始截取3列中的数字并对数字进行转型
            var onum=parseFloat(oprice.substr(1,oprice.length));
            str+=onum;
        } 
        $("#lab").html(str.toFixed(2));
    }
//再次选择的时候就需要把全部table的tr值进行显示出来
    function showAll(){
        var tableId= $("#tab tr");
        for (var i = 1; i < tableId.length; i++) {
            $(tableId[i]).show();
            $(tableId[i]).children("td").eq(0).text(i);
        }
    }
</script>


左之右
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js获取某天时间的下一天
程序猿的秃头之路
09-19 1776
【代码】js获取某天时间的下一天
当前日期往前推N天，当前日期往后推N天
weixin_33795743的博客
12-27 3918
// 日期往前num天function beforeDay(num){ 　　//设置日期，当前日期的前num天 　　var myDate = new Date(); //获取今天日期 　　myDate.setDate(myDate.getDate() - (num-1)); 　　var dateArray = []; 　　var dateTemp; 　　var ...
js获取今天后一天时间
笑到世界都狼狈的博客
07-15 1076
var curDate = new Date(); var myDate = new Date(curDate.getTime() + 24*60*60*1000);
js获取前一天和后一天
able_me的博客
05-16 670
/ console.log(timeStamp,"这是转换的时间戳") // 1660579200000 转回去是2022-08-16 00:00:00。console.log(yy + '年' + mm +"月" + dd+ "日","9999")this.CurrentRescue() // 更改时间后 刷新环形图 和柱状图。return yy + '年' + mm +"月" + dd+ "日"return yy + '年' + mm +"月" + dd+ "日"// 得到上一天和下一天。
javaScript判断时间是否为今天的N种写法
m0_48192059的博客
10-22 2615
#javaScript判断时间是否为今天的N种写法 function isToday(date) { return new Date().toDateString() === date.toDateString(); } function isToday(date) { //Code goes here. var d = new Date(date.toString().replace(/-/g,"/")); var todaysDate = new Date(); if(
JS 日期操作代码，获取当前日期，加一天，减一天
10-29
在本示例中，我们探讨了如何利用JavaScript进行日期操作，包括获取当前日期、增加一天以及减少一天。这些功能通常用于创建日历应用或者需要日期计算的场景。 首先，我们有一个简单的HTML布局，包含一个文本输入框`...
javascript脚本获取当月第一天日期和最后一天日期
06-21
获取当月第一天的日期，我们通常会先创建一个Date对象代表当前日期，然后通过调整日期部分到月初来得到结果。以下是一个示例代码： ```javascript function getMonthFirstDay() { var now = new Date(); now....
使用JavaScript计算前一天和后一天的思路详解
10-15
在JavaScript编程中，有时我们需要处理日期和时间，例如在网页应用中展示前一天或后一天的日期。本篇文章将深入探讨如何使用JavaScript实现这个功能。首先，我们从页面布局开始。 **1. 页面排版** 创建一个简单的...
js获取当前月的第一天和最后一天的小例子
10-26
例如，获取某个月的第一天和最后一天并不像获取当前日期那样直观。原生的Date对象没有直接提供这样的方法，所以我们需要通过一些技巧来实现。 XDate.js是一个增强JavaScript日期处理功能的库，它提供了更方便的API...
moment常用操作（获取当前年/季度/月/日、上一年/季度/月/日、下一年/季度/月/日、某年/月/季度的开始和结束时间...持续更新）
热门推荐
涂涂
10-30 4万+
官网：http://momentjs.cn/docs/ 懒得每次查官网记录一下： 当前年： moment().format("YYYY") moment().year(); // Number 当前月： moment().format('MM') 当前季度： moment().quarter() 上一年/下一年 上一年：moment().add(-1, 'y').f...
日期的前一天和后一天的移动（js）
10-13
根据日期的前一天和后一天的移动来查询数据使用js实现。里面有具体的实例
JQ JS javascript new Data() 获取 指定日期 的 后一天
04-18
JQ JS javascript new Data() 获取 指定日期 的 后一天
js获取当前日期及下一天日期
qq_39609264的博客
11-03 3960
（网上导出都是，仅做记录，方便日后复用） 获取当前日期 格式 YY-MM-DD 获取指定日期的下一天日期 输入/返回 格式 YY-MM-DD 注：new Date()获取当前时间 new Date（dateStr）获取指定日期 是一个日期对象。 date.getMonth() 月份默认从0开始，所有+1才是真正月份。 麻烦地方在于格式 如 2021-11-03 月份和日 需要在一位数时补全0，否则格式不太规范； 获取下一天也不能直接日+1，会有月末日的错误。 ...
JS获取前一天时间
努力奔跑的博客
03-17 1255
var today=new Date(); var yesterday_milliseconds=today.getTime()+(1*(1000*60*60*24)); var yesterday=new Date(); yesterday.setTime(yesterday_milliseconds
Date构造函数
XYZS_520的博客
09-23 553
Date构造函数 用于处理日期 初始化： 不传递参数 为当前日期 var date = new Date(); console.log(date); 参数是字符串 必须符合日期格式 var date = new Date("2017/09/22 08:00:55"); console.log(date); //Fri Sep 22 2017 08:00:5...
Java学习篇之如何实现将日期加一天
zlhcsm的博客
11-02 1538
主要是通过Calendar来完成 package org.tarena.test; import java.text.SimpleDateFormat; import java.util.Calendar; import java.util.Date; public class Test { /** * @param args */ public st...
js判断时间是否为当天（今天是今天）
hangGe0111的博客
12-24 1万+
场景：在某些时候，某些项目需要做发送默认消息，默认消息一天只发送一次，当天时间为当天零点到当天的二十三时五十九分五十九秒，然后当时间切换到第二天时，只要用户是第二天第一打开就发送默认消息，如果之后再次打开，就不发送了。 思路：获取当前进入该窗口的时间转换为当时的时间存于缓存中，以后每次进入该页面，获取进入的时间和缓存时间进行对比，如果相同则不发送默认消息，如果不同则把缓存中的时间更新为当前进入的...
JS判断某个时间戳是否为当天时间
鹏仔工作室的秘密基地
02-26 3835
这两天想着给网站写一个H5app玩玩，文章列表页想实现是否为当天发的文章，如果是当天那么显示一个NEW标识，后台返回的是发帖时的时间戳，我需要判断这个时间戳是否为当天时间即可。 vue中直接在标签中判断如下（item.PostTime为发帖时间戳） <img class="new" src="@/assets/img/new.png" v-if="new Date(Number(item.PostTime)* 1000).toDateString() === new Date().toDat
js获取某天的下一天时间
古大帅哥的博客
05-16 783
传入字符串,格式’yyyy-MM-dd’,返回字符串’yyyy-MM-dd’ //-time 格式 yyyy-MM-dd function getNextDay(time){ var date = new Date(time); date.setDate(date.getDate() + 1); var y = date.getFullYear(); var m = date.getMonth() < 9 ? "0" + (date.getMonth() + 1) :
js获取当前日期前一天
最新发布
12-07
以下是js获取当前日期前一天的方法： ```javascript var myDate = new Date(); myDate.setDate(myDate.getDate() - 1); var year = myDate.getFullYear(); var month = myDate.getMonth() + 1; var day = myDate....

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值