根据选取年月时自动调整可选日期

最新推荐文章于 2021-10-10 16:58:11 发布
最新推荐文章于 2021-10-10 16:58:11 发布
阅读量1.3k 收藏
点赞数
分类专栏： java编程 文章标签： function javascript border table html 360
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/stevexk/article/details/618586
版权
     根据年月日之间的关系,自动调整可选日期数.
 
    闰年条件: ((y%4==0&&y%100!=0)||y%400==0)
                
    闰年2月29天,非闰28天,其它月天数不随年数变化而变化。
 
源码:
 

<html>
<head>
<!--meta http-equiv="Content-Type" content="text/html; charset=gb2312"-->
<title>查询</title>
<style type="text/css">
<!--
.style2 {font-size: 12px;
     color: #FFFFFF; }
body {
 font-size: 12px;
 color: #FFFFFF;
 margin-left: 0px;
 margin-top: 0px;
 background-color: #336699;
}
-->
</style>
</head>
 
<script language="JavaScript">
 
function y1change(){
 var y1 = document.getElementById("year1");
 var m1 = document.getElementById("month1");
 var d1 = document.getElementById("day1");
 
 var y = Number(y1.options[y1.selectedIndex].innerText);
 var m = Number(m1.options[m1.selectedIndex].innerText);
 
 
 if((y%4==0&&y%100!=0)||y%400==0)
 {//闰年
  if(m==2&&d1.length==28) d1.options.add(new Option("29",""));
 }else{
  if(m==2&&d1.length==29){
   d1.options.remove(28);
   if(d1.selectedIndex==28) d1.selectedIndex=27;
  }
 }
 
 
}
 
function m1change(){
 var y1 = document.getElementById("year1");
 var m1 = document.getElementById("month1");
 var d1 = document.getElementById("day1");
 
 var y = Number(y1.options[y1.selectedIndex].innerText);
 var m = Number(m1.options[m1.selectedIndex].innerText);
 var day = 0;
 var len = d1.length;
 if((y%4==0&&y%100!=0)||y%400==0)
 {
  if(m==2)
  {
   day = 29;
  }else if(m==1||m==3||m==5||m==7||m==8||m==10||m==12){
   day = 31;
  }else if(m==4||m==6||m==9||m==11||m==12){
   day = 30;
  }
 }else{
  if(m==2)
  { 
   day = 28;
  }else if(m==1||m==3||m==5||m==7||m==8||m==10||m==12){
   day = 31;
  }else if(m==4||m==6||m==9||m==11||m==12){
   day = 30;
  }
 }
 
 if(len>day)
 {
  while(len>day){
   d1.options.remove(len-1);
   len = len - 1;
  }
   if(d1.selectedIndex>day) d1.selectedIndex=day-1;
 }else
 {
  while(len<day){
   d1.options.add(new Option(len+1+"",""));
   len = len + 1;
  }
 }
 
 
}
 
function y2change(){
 var y2 = document.getElementById("year2");
 var m2 = document.getElementById("month2");
 var d2 = document.getElementById("day2");
 
 var y = Number(y2.options[y2.selectedIndex].innerText);
 var m = Number(m2.options[m2.selectedIndex].innerText);
 
 
 if((y%4==0&&y%100!=0)||y%400==0)
 {//闰年
  if(m==2&&d2.length==28) d2.options.add(new Option("29",""));
 }else{
  if(m==2&&d2.length==29){
   d2.options.remove(28);
   if(d2.selectedIndex==28) d2.selectedIndex=27;
  }
 }
 
// alert("y2");
}
 
function m2change(){
 
 var y2 = document.getElementById("year2");
 var m2 = document.getElementById("month2");
 var d2 = document.getElementById("day2");
 
 var y = Number(y2.options[y2.selectedIndex].innerText);
 var m = Number(m2.options[m2.selectedIndex].innerText);
 var day = 0;
 var len = d2.length;
 if((y%4==0&&y%100!=0)||y%400==0)
 {
  if(m==2)
  {
   day = 29;
  }else if(m==1||m==3||m==5||m==7||m==8||m==10||m==12){
   day = 31;
  }else if(m==4||m==6||m==9||m==11||m==12){
   day = 30;
  }
 }else{
  if(m==2)
  { 
   day = 28;
  }else if(m==1||m==3||m==5||m==7||m==8||m==10||m==12){
   day = 31;
  }else if(m==4||m==6||m==9||m==11||m==12){
   day = 30;
  }
 }
 
 if(len>day)
 {
  while(len>day){
   d2.options.remove(len-1);
   
   len = len - 1;
  }
  if(d2.selectedIndex>day) d2.selectedIndex=day-1;
}else
 {
  while(len<day){
   d2.options.add(new Option(len+1+"",""));
   len = len + 1;
  }
 }
 
 
}
 
 
 
</script>
 
<body>
 
 
 

<table width=800 border=0>
 
 <tr>
  <td valign=bottom width=60>时间范围</td>
  <td width=360 colspan=2>
   
 
  从<select name="year1"  οnchange="y1change()">
<option>2000</option><option>2001</option><option>2002</option><option>2003</option><option>2004</option><option>2005</option><option selected>2006</option><option>2007</option><option>2008</option><option>2009</option><option>2010</option><option>2011</option><option>2012</option><option>2013</option><option>2014</option><option>2015</option><option>2016</option><option>2017</option><option>2018</option><option>2019</option><option>2020</option>
   </select>
   年
   <select name=month1 οnchange="m1change()">
   <option>1</option><option>2</option><option selected>3</option><option>4</option><option>5</option><option>6</option><option>7</option><option>8</option><option>9</option><option>10</option><option>11</option><option>12</option>
   </select>
   月
   <select name=day1 >
   <option>1</option><option>2</option><option>3</option><option>4</option><option>5</option><option selected>6</option><option>7</option><option>8</option><option>9</option><option>10</option><option>11</option><option>12</option><option>13</option><option>14</option><option>15</option><option>16</option><option>17</option><option>18</option><option>19</option><option>20</option><option>21</option><option>22</option><option>23</option><option>24</option><option>25</option><option>26</option><option>27</option><option>28</option><option>29</option><option>30</option><option>31</option>
   </select>
   日
   <select name=hour1>
   <option>0</option><option>1</option><option>2</option><option>3</option><option>4</option><option>5</option><option>6</option><option>7</option><option>8</option><option>9</option><option>10</option><option>11</option><option>12</option><option>13</option><option>14</option><option>15</option><option>16</option><option>17</option><option>18</option><option>19</option><option>20</option><option>21</option><option selected>22</option><option>23</option>
   </select>
   时
   <select name=minute1 >
   <option>0</option><option>5</option><option>10</option><option>15</option><option>20</option><option>25</option><option>30</option><option>35</option><option>40</option><option selected>45</option><option>50</option><option>55</option>
   </select>
   分
 
</td>
</tr>
<tr>
<td>&nbsp</td>
<td  width=360>
   到<select name=year2 οnchange="y2change()">
<option>2000</option><option>2001</option><option>2002</option><option>2003</option><option>2004</option><option>2005</option><option selected>2006</option><option>2007</option><option>2008</option><option>2009</option><option>2010</option><option>2011</option><option>2012</option><option>2013</option><option>2014</option><option>2015</option><option>2016</option><option>2017</option><option>2018</option><option>2019</option><option>2020</option>
   </select>
   年
   <select name=month2 οnchange="m2change()">
   <option>1</option><option>2</option><option selected>3</option><option>4</option><option>5</option><option>6</option><option>7</option><option>8</option><option>9</option><option>10</option><option>11</option><option>12</option>
   </select>
   月
   <select name=day2 >
   <option>1</option><option>2</option><option>3</option><option>4</option><option>5</option><option selected>6</option><option>7</option><option>8</option><option>9</option><option>10</option><option>11</option><option>12</option><option>13</option><option>14</option><option>15</option><option>16</option><option>17</option><option>18</option><option>19</option><option>20</option><option>21</option><option>22</option><option>23</option><option>24</option><option>25</option><option>26</option><option>27</option><option>28</option><option>29</option><option>30</option><option>31</option>
   </select>
   日
   <select name=hour2>
   <option>0</option><option>1</option><option>2</option><option>3</option><option>4</option><option>5</option><option>6</option><option>7</option><option>8</option><option>9</option><option>10</option><option>11</option><option>12</option><option>13</option><option>14</option><option>15</option><option>16</option><option>17</option><option>18</option><option>19</option><option>20</option><option>21</option><option selected>22</option><option>23</option>
   </select>
   时
   <select name=minute2 >
   <option>0</option><option>5</option><option>10</option><option>15</option><option>20</option><option>25</option><option>30</option><option>35</option><option>40</option><option selected>45</option><option>50</option><option>55</option>
   </select>
   分
 

 
</td>
 

</tr>
</table>
 
 

</body>
</html>
stevexk
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ncl如何将日期转换为365天_Stata绘图：年度数据、日度数据如何绘制在一起？
weixin_33304686的博客
01-01 801
一个图像里面绘制两套数据是非常常见的，但多数情况是这两套数据拥有相同的x轴（比如都是年度数据），那么不同x轴的数据（比如年度数据和日度数据）如何绘制到一幅图中呢？1. Stata绘制双轴图之前我们介绍过很多Stata绘图的小技巧（没看过的可以翻一翻公众号的历史记录），今天我们介绍如何将不同x轴的数据绘制到一幅图中。先看数据：这是人民币兑美元的日度数据：这是中国对美出口的年度数据：如何将其绘制在一起...
html日期横向拖动选择控件,一个简单横向javascript日期控件
weixin_29157533的博客
06-03 806
具体要求就是：1、日期表格横向占满页面。2、每个月的日期列表横向显示在一排，而不是像网上的很多日期控件显示一个方块。3、要求只有年月日可选，选择年或月后自动更新对应日期(这个每个日期控件都有的)。4、默认显示当前年月，高亮当前日期，并显示当前的周次(本年第几周)和星期几。5、选择某个日期后高亮显示当前日期，并自动更新周次和星期显示。6、提供接口，可以设定特定日期的显示样式。6、其他就是一些界面展示...
js 实现：选择开始日期自动计算填充结束日期
青蛙king的博客
09-15 1163
template 模板中： <p>服务时间可通过续约延长</p> <div class="time_box"> <div class="time"> <label for="starTime">开始时间</label> <select name="selectTime" id="starTime" required> <option :value=".
【叶子函数分享二十八】根据年度判断是否是闰年
沧海一叶点滴心得
03-20 2379
【叶子函数分享二十八】根据年度判断是否是闰年
max日期最大值为0_【SQL】SQL面试50题思路解答与分类整理（下）CASE与日期函数...
weixin_39731586的博客
10-21 133
题目快速查找索引阅读指南上篇【第一部分】聚合函数（sum/avg/count/min/max）【第二部分】表连接（inner join/left join/right join/full join/exclude join）逐帆：【SQL】SQL面试50题思路解答与分类整理（上）聚合函数与表连接​zhuanlan.zhihu.com中篇【第三部分】窗口函数+Limit+变量（rank/dense ...
element 日期选择器el-date-picker 月份/日期范围控制
Beloved_Jodie的博客
10-10 3261
element 日期选择器el-date-picker 月份范围控制 <template> <el-date-picker type="month" v-model="yearMonth" format="yyyy-MM" value-format="yyyy-MM" :picker-options="pickerOptions" > </template> <script> export default { data
日期多选，连续日期、间断日期快速选择
06-13
在IT领域，尤其是在开发用户界面（UI）时，日期选择是一个常见的功能，尤其在日历应用、表单填写、事件管理等场景中。"日期多选，连续日期、间断日期快速选择"这一主题，是关于如何高效地设计并实现这样一个功能的...
日期选择器
01-08
- 实现滑动联动，当用户在某一个`WheelView`上选择时，其他`WheelView`会自动更新其可选范围，如选择了一月，则日的最大值只能是31。 - 添加限制条件，比如判断所选日期是否合法，避免出现2月30日这样的错误。 4....
Android 日期时间组合选择器.zip
07-10
- **日期范围限制**：可以设置最小和最大可选日期，防止用户选择超出范围的时间。 - **时间步进**：支持设置小时和分钟的步进值，如只能选择整点时间或者15分钟间隔的时间。 - **国际化支持**：根据系统语言自动调整...
JavaScript日期选择器
09-23
为了提供更好的用户体验，日期选择器往往包含一些附加功能，如禁用非可用日期、格式化日期显示、限制可选日期范围等。这些可以通过条件判断和字符串格式化实现。 6. **第三方库** 在实际开发中，开发者经常使用...
用c语言编写日历
ffpiaoyilian233的博客
03-24 1万+
查找某一日期所对应的日历表，这一天是所在年份的第几天，这一天是星期几，打印月份日历表： #include #include int isleap(int year) { if ((year % 4 == 0) && (year % 100 != 0) || (year % 400 == 0)) return 1; else return 0; } int max_day(int
NCL读取站点资料txt文件并写成nc文件
热门推荐
weixin_42762673的博客
07-25 1万+
我把1961年到2016年所有站点资料的txt（共56个）文件中的日最高温度读出来放到一个超级大的矩阵里去，矩阵的第一维度为时间，第二维度为站号，最后把这个矩阵写成nc文件，方便我后面用，因为每次都读这么大，太慢了，读一次大概要20分钟左右。下面是代码： load "$NCARG_ROOT/lib/ncarg/nclscripts/csm/gsn_code.ncl" load "$NCARG_R...
使用Mina实现RPC调用，消息通知，广播。
北溟居
08-05 9167
在上一篇的基础上，增强功能。common包，定义通用接口，和传递中使用的对象，对象需要实现序列化接口。接口:package mina.common;public interface RpcInterface {    public String getStringValue(String arg0,int arg1,Apple arg2);    public int getIntValue();
Twaver Gui Demo
北溟居
08-26 6792
电信级拓扑及设备面板开发工具，功能强大。对于网元的抽象也做得很好，可以快速构建拓扑视图。 一个Develop Guide中的Example， import java.awt.BorderLayout; import java.awt.Color; import jav
NTP服务检测及时间查询
北溟居
04-09 6452
 摘自openNMS,连接NTP服务器,查询服务是否工作正常,或者取时间差来进行时间调整等........import java.io.IOException;import java.io.InterruptedIOException;import java.net.ConnectException;import java.net.DatagramPacket;import java.ne
smb服务检测
北溟居
04-14 4003
 开源包,http://jcifs.samba.org/.复制一篇文章.用JAVA访问共享文件系统前言在Microsoft 网 络 系 统 中，SMB（Server Message Block， 服 务 信 息 块） 协 议 是Windows for Workgroup(WfWg)、Windows 95、Windows NT 和LanManager 用 来 实 现 共 享 局 域 网 上
CAD选取会自动选到边缘，怎么取消
最新发布
03-31
要取消CAD中选取边缘的功能，您可以使用以下两种方法： 1. 在CAD命令行中输入“PICKFIRST”并将其设置为0。这将禁用自动选择边缘的功能。 2. 在CAD界面的顶部菜单栏中，点击“设置”>“用户偏好设置”>“草图编辑器”>“选择”，然后将“对象捕捉”选项中的“自动捕捉”和“自动选择”取消勾选。这样就可以禁用自动选择边缘的功能。 注意：如果您需要在CAD中经常使用边缘选择功能，建议不要禁用自动选择边缘的功能。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值