js计算当日的下一天小程序

最新推荐文章于 2022-10-22 15:57:06 发布
最新推荐文章于 2022-10-22 15:57:06 发布
阅读量546 收藏 1
点赞数 1
分类专栏： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40183281/article/details/83547746
版权 
 <!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8" />
            <title>计算年月日</title>
            <style>
             .cs{
                    font-size: 20px;
                    height: 10px;
                    color: red;
                }
                #contanel{
                    width:1000px;
                    height: 500px;
                    padding: 10px;
                    background-color: antiquewhite;
                    text-align: center;
                    position: absolute;
                    top: 0;
                    bottom: 0;
                    left: 0;
                    right: 0;
                    margin: auto;
                }
            </style>
            //这段本来想导入jquery，来更加简便化，但是没有使用，可以删除
             <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
             </script>
            <script>
            //焦点事件，提醒用户需要登录的年分
               function  year(){
                     var showyear1=document.getElementById("showyear");
                   showyear1.innerHTML="请输入年份为1800-2050中的任意一年";
                }
                    function yearblur(){ 
                        var showyear=document.getElementById("showyear");
                        showyear.innerHTML="";
                    }
                    function month(){
                        showmonth.innerHTML="请输入月份为1-12中的任意月份";
                    }
                    function monthblur(){
                        showmonth.innerHTML="";
                    }
    
                    function day(){  
                        showday.innerHTML="请按照月份输入规定的天数";
                    }
                    function dayblur(){
                        showday.innerHTML="";
                    }
             //判断输入的类型是否符合标准，是否为数字，是否在范围之内
                function subclick(){
                    var year = Number(document.getElementById("year").value);
                    var month = Number(document.getElementById("month").value);
                    var day = Number(document.getElementById("day").value);
                    var showyear = document.getElementById("showyear");
                    var showmonth = document.getElementById("showmonth");
                    var showday = document.getElementById("showday");
                    if(year == '' || isNaN(year) || year < 1800 || year >2050){
                        showyear.innerHTML="输入不能为空 or 年份只可以输入数字类型 or 年在1800-2050之间";
                    }else if(month == '' || isNaN(month) || month < 1 || month > 12){
                        showmonth.innerHTML="输入不能为空 or 月份只可以输入数字类型 or 月份只有1-12月";
                    }else if(month == 1 || month == 3 || month == 5 || month == 7 || month == 8 || month == 10 || month == 12){
                        if(day == '' || isNaN(day) || day < 1 || day > 31){
                            showday.innerHTML="输入不能为空 or 天数只可以输入数字类型 or 最多31天";
                            return;
                        }
                    }else if(month == 4 || month == 6 || month == 9 || month == 11){
                        if(day == '' || isNaN(day) || day < 1 || day > 30){
                            showday.innerHTML="输入不能为空 or 天数只可以输入数字类型or 最多30天";
                            return;
                        }
                    }else if(month == 2){
                        if((year % 4==0 && year % 100 != 0) || year % 400 == 0){
                            if(day == '' || isNaN(day) || day < 1 || day > 29){
                                showday.innerHTML="输入不能为空 or 天数只可以输入数字类型 or 闰年最多28天";
                                return;
                            }
                        }else{
                            if(day == '' || isNaN(day) || day < 1 || day > 28){
                                showday.innerHTML="输入不能为空 or 天数只可以输入数字类型 or 平年最多29天";
                                return;
                            }
                        }
                    }
                    setdate(year , month , day);
                }
               //计算输入日期输出结果，考虑到多种情况 
                function setdate(year , month , day){
                    var result = document.getElementById("result");
                    if(month == 1 || month == 3 || month == 5 || month == 7 || month == 8 || month == 10 || month == 12){
                        if(day == 31){
                            if(month == 12){
                                year += 1 ;
                                month = 1 ;
                                day = 1 ;
                                document.getElementById("result").value=year + "年" + month + "月" + day+"日";
                            }else{
                                month += 1 ;
                                day = 1 ;
                                document.getElementById("result").value=year + "年" + month + "月" + day+"日";
                            }
                        }else{
                            day += 1 ;
                            document.getElementById("result").value=year + "年" + month + "月" + day+"日";
                        }
                    }else if(month == 4 || month == 6 || month == 9 || month == 11){
                        if(day == 30){
                            if(month == 12){
                                year += 1 ;
                                month = 1 ;
                                day = 1 ;
                                document.getElementById("result").value=year + "年" + month + "月" + day+"日";
                            }else{
                                month += 1 ;
                                day = 1 ;
                                document.getElementById("result").value=year + "年" + month + "月" + day+"日";
                            }
                        }else{
                            day += 1 ;
                            document.getElementById("result").value=year + "年" + month + "月" + day+"日";
                        }
                    }else if(month == 2){
                        if((year % 4==0 && year % 100 != 0) || year % 400 == 0){
                            if(day == 29){
                                if(month == 12){
                                    year += 1 ;
                                    month = 1 ;
                                    day = 1 ;
                                    document.getElementById("result").value=year + "年" + month + "月" + day+"日";
                                }else{
                                    month += 1 ;
                                    day = 1 ;
                                    document.getElementById("result").value=year + "年" + month + "月" + day+"日";
                                }
                            }else{
                                day += 1 ;
                                document.getElementById("result").value=year + "年" + month + "月" + day+"日";
                            }
                        }else{
                            if(day == 28){
                                if(month == 12){
                                    year += 1 ;
                                    month = 1 ;
                                    day = 1 ;
                                    document.getElementById("result").value=year + "年" + month + "月" + day+"日";
                                }else{
                                    month += 1 ;
                                    day = 1 ;
                                    document.getElementById("result").value=year + "年" + month + "月" + day+"日";
                                }
                            }else{
                                day += 1 ;
                                document.getElementById("result").value=year + "年" + month + "月" + day+"日";
                            }
                        }
                    }   
                }
                //点击重置按钮清空
                function reset(){
                    var year = document.getElementById("year");
                    var month = document.getElementById("month");
                    var day = document.getElementById("day");
                    year.value='';
                    month.value='';
                    day.value='';
                }
            </script>
        </head>
        <body>
            //构建小页面
            <div id="contanel">
                    <div style="background:yellow; height: 100px; margin-top: -50px;width:1000px;line-height:100px;font-size: 50px">计算下一天的小程序</div>
                    年:<input type="text" id="year" onblur="yearblur()" onfocus="year()"/>
                    <div id="showyear" style="width:1000px;height:30px;" class="cs">     
                    </div>
                    <br />
                    月:<input type="text" id="month" onfocus="month()" onblur="monthblur()"/>
                    <div id="showmonth" style="width:1000px;height:30px;"  class="cs">
                    </div>
                    <br /> 
                    日:<input type="text" id="day" onfocus="day()" onblur="dayblur()" />
                    <div id="showday" style="width:1000px;height:30px;" class="cs">
                    </div>
                    <input type="button" value="提交" onclick="subclick()" style="width:100px;height:30px"/>
                <br />//鼠标点击事件
                这一天的下一天为:<br />
                <input id="result">
                <input onclick="reset()" type="button" value="重置" >
            </div>
        </body>
    </html>

在这里插入图片描述
此程序使用js来实现功能模块，里面包含鼠标点击事件，鼠标焦点事件，当不符合功能的时候就不能提交，用许多if判断语句来编写，考虑到多种情况。恩，就这样。

春风又一季
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
自己写的一个计算下一天的函数
04-27
自己写的一个Nextdate函数，经软件测试过了，各种情况都考虑到了，很全。花了我不少汗水的。。
计算下一天的日期
07-03
大月，小月，闰年的日期计算方法的java实现
js获取某天时间的下一天
程序猿的秃头之路
09-19 1776
【代码】js获取某天时间的下一天
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
下一天日期计算
07-20
下一天日期计算　++下一天.cpp
漂亮的微信小程序一周天气预报源码
01-02
标题中的“漂亮的微信小程序一周天气预报源码”指的是一个微信小程序项目，它的主要功能是提供美观的界面，展示用户所在城市的实时天气以及未来一周的天气预报。这个小程序不仅提供了基本的天气信息，还可能包括一些...
微信小程序-天气预报
08-29
在"wxtest-master"中，我们可能有一个"app.js"文件，这是整个小程序的入口文件，用于配置全局变量和设置小程序的行为。同时，每个页面也有对应的".js"文件，如"index.js"，用于控制该页面的交互逻辑。例如，获取天气...
股票分时图K线图小程序.zip小程序精选源码
08-11
3. **分时图绘制**：分时图显示股票一天内的价格变动，包括开盘价、收盘价、最高价和最低价。源码将使用微信小程序的Canvas组件或者第三方图表库（如ECharts-for-WeChat）来绘制分时图，实时更新价格和成交量数据。 ...
毕业设计 微信小程序设计 股票分时图K线图小程序
04-08
微信小程序是腾讯公司推出的一种基于微信运行的应用程序，它采用JavaScript、WXML（微信标记语言）和WXSS（微信样式语言）进行开发，提供丰富的API接口，可以实现与微信服务器的数据交互，同时支持自定义组件和页面...
微信小程序中的股票分时图、K线图.zip
最新发布
01-11
例如，使用ECharts时，需要在小程序的页面JSON文件中引用对应的js文件，并在对应的WXML文件中添加容器元素。 然后，为了展示股票数据，开发者需要对接股票API，获取实时或历史的股票分时数据和K线数据。这些数据...
Nextday、Nextyear的Junit白盒测试
05-12
很不错的资源哦、欢迎下载。应该会对你们有所帮助吧，下完用过别忘了好评哦。
java计算时间差小程序
08-01
很简单的java计算当前日期至指定日期的时间差的程序
计算任一时间的下一天
TBN_MSnail
08-27 1106
import java.sql.Date; /** * 计算任一时间的下一天 * @author Joson.Liu * 2014.08.27 */ public class NextDay { public static void main(String args[]){ Date now=new Date(System.currentTimeMillis());//获取当前时间
js对当天日期的下一天与下一天的操作
zuozhiyoulaisam的专栏
11-12 1020
HTML部分：
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获取某天的下一天时间
古大帅哥的博客
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 计算指定日期的后一天
jsxzw7的博客
11-02 2534
var end_date '2018-11-01'; end_date = new Date(end_date); end_date = +end_date + 1000*60*60*24; end_date = new Date(end_date); 拿到日期后格式化日期格式，1000*60*60*24 为一天，操作完格式化日期...
js获取前一天或者后一天时间
weixin_49722066的博客
10-22 1316
js获取前一天和后一天
两天打造微信小程序：从入门到实战
"这篇教程介绍了如何在两天内快速开发一个微信小程序，涵盖了从学习动机到实际操作的全过程，包括欢迎页、首页、城市切换页、天气详情页、地图周边服务等核心功能的实现。开发者需要了解微信小程序的基础知识，利用...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值