日期控件

最新推荐文章于 2024-05-21 07:03:20 发布
最新推荐文章于 2024-05-21 07:03:20 发布
阅读量868 收藏
点赞数
分类专栏： Javascript&CSS 文章标签： function input button microsoft generator border
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/add8849/article/details/315417
版权

  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  <HTML>
  <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="Microsoft FrontPage 5.0">
  <META NAME="Author" CONTENT="zhaoweiwei">
  <META NAME="Keywords" CONTENT="birthday_input">
  <META NAME="Description" CONTENT="日起输入控件">
  <script>
  function showdb()  //显示控件/隐藏空间
  {
    var CurrentDate=new Date();
    var CYear=CurrentDate.getFullYear();
    var CMonth=CurrentDate.getMonth();
    var CDay=CurrentDate.getDay();
 
    var a=document.getElementById("input_birth");
 
    var obj_year=document.getElementById("year");  //当展开控件时自动取到当前时间（客户端）
    obj_year.innerText=CYear;
    var obj_month=document.getElementById("month");
    obj_month.innerText=CMonth+1;
 
    var s=new Date(CYear,CMonth,1);
    var startDay=s.getDay();   //日期起始数字
    var numDays=numberOfDays(CMonth,CYear);  //本月天数
    var day=document.getElementsByName("day");
    for(var j=1;j<=numDays;j++)  //插入日期
  {
    day[startDay+j-1].innerText=j;
  }

    if(a.style.visibility=='visible')
    {
     a.style.visibility='hidden';
    }
  else
  {
    a.style.visibility='visible';
  }
 
  }
  function addyear()
   {
   var obj_year=document.getElementById("year");
   var obj_month=document.getElementById("month");

   var num_year=obj_year.innerText;

   obj_year.innerText=parseInt(num_year)+1;  //年数增加
  
   displayCalendar(obj_month.innerText-1,obj_year.innerText);
  }
  function plusyear()
   {
  
   var obj_year=document.getElementById("year");
   var obj_month=document.getElementById("month");
  
   var num_year=obj_year.innerText;
   obj_year.innerText=parseInt(num_year)-1;  //年数减少
  
   displayCalendar(obj_month.innerText-1,obj_year.innerText);
  }
  function addmonth()
  {
  
     var obj_month=document.getElementById("month");
     var obj_year=document.getElementById("year");
    
     if(parseInt(obj_month.innerText)>=12)        //月数增加到12时，年数相应增加1，月数从1开始
     {
      obj_month.innerText="0";
      obj_year=document.getElementById("year");
      var num_year=obj_year.innerText;
      obj_year.innerText=parseInt(num_year)+1;
     }
  
       var num_month=obj_month.innerText;
      obj_month.innerText=parseInt(num_month)+1;  //月数增加
  
     displayCalendar(obj_month.innerText-1,obj_year.innerText);
    }
    function plusmonth()
    {
  
     var obj_month=document.getElementById("month");
     var obj_year=document.getElementById("year");
  
    if(parseInt(obj_month.innerText)<=1)    //月数减少到1时，年数相应减少1，月数从12开始
   {
      obj_month.innerText="13";
      obj_year=document.getElementById("year");
      var num_year=obj_year.innerText;
      obj_year.innerText=parseInt(num_year)-1;
     }
  
     var num_month=obj_month.innerText;
   obj_month.innerText=parseInt(num_month)-1;  //月数减少

     displayCalendar(obj_month.innerText-1,obj_year.innerText);
  }

  function numberOfDays(month,year)  //取得每月天数，判断平年闰年
  {
    var numDays=new Array(31,28,31,30,31,30,31,31,30,31,30,31);
    n=numDays[month];
    if(month==1&&year%4==0) ++n;
    return n;
  }

  function displayCalendar(month,year)
  {

    var d=new Date(year,month,1);
    var startDay=d.getDay();   //日期起始数字
    var numDays=numberOfDays(month,year);  //本月天数
 
    var day=document.getElementsByName("day");
    for(var i=0;i<day.length;i++)
    {
     day[i].innerText="";
    }
    for(var j=1;j<=numDays;j++)  //插入日期
    {
      day[startDay+j-1].innerText=j;
    }
 
  }
  function writeDate(n)
  {
     document.writeln("<H3 ALIGN='CENTER'>"+n+"</H3>");
   }

  function add_day(year,month,day)
  {
     bd.birthdate.value=year+"-"+month+"-"+day;
     document.getElementById("input_birth").style.visibility='hidden';;

  }
  </script>
  </HEAD>
   <BODY>
  <form name="bd">
  <input type="text" name="birthdate" size="20" readOnly><input type="button" value="..." οnclick="showdb()">
  </form>
  <div id="input_birth" name="input_birth" style="visibility:hidden; width:239; height:128">
  <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" style="cursor:hand" bordercolor="#111111" width="100%"  height="26">
    <tr>
    <td width="100%" colspan="3" height="26">&nbsp;&nbsp; <input type="button" value="&lt;&lt;" οnclick="plusyear()" name="plusyear">
      <input type="button" value="&lt;" οnclick="plusmonth()" name="plusmonth">&nbsp; <font id="year">
      </font>年<font id="month"></font>月
      <input type="button" value="&gt;" οnclick="addmonth()" name="addmonth">
      <input type="button" value="&gt;&gt;" name="addyear" οnclick="addyear()"></td>
    </tr>
     <tr>
      <td width="100%" colspan="3" height="119" valign="top">
     <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%">
        <tr>
        <td width="14%" align="center"><b><font color="#FF0000">日</font></b></td>
        <td width="14%" align="center"><b>一</b></td>
        <td width="14%" align="center"><b>二</b></td>
        <td width="14%" align="center"><b>三</b></td>
        <td width="14%" align="center"><b>四</b></td>
        <td width="15%" align="center"><b>五</b></td>
        <td width="15%" align="center"><b><font color="#FF0000">六</font></b></td>
      </tr>
      <tr>
        <td width="14%" align="center" id="day" οnclick="add_day(year.innerText,month.innerText,this.innerText)"></td>
        <td width="14%" align="center" id="day" οnclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>
        <td width="14%" align="center" id="day" οnclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>
        <td width="14%" align="center" id="day" οnclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>
        <td width="14%" align="center" id="day" οnclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>
        <td width="15%" align="center" id="day" οnclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>
        <td width="15%" align="center" id="day" οnclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>
        </tr>
        <tr>
          <td width="14%" align="center" id="day" οnclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>
        <td width="14%" align="center" id="day" οnclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>
        <td width="14%" align="center" id="day" οnclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>
        <td width="14%" align="center" id="day" οnclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>
        <td width="14%" align="center" id="day" οnclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>
        <td width="15%" align="center" id="day" οnclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>
        <td width="15%" align="center" id="day" οnclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>
      </tr>
      <tr>
        <td width="14%" align="center" id="day" οnclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>
        <td width="14%" align="center" id="day" οnclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>
        <td width="14%" align="center" id="day" οnclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>
        <td width="14%" align="center" id="day" οnclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>
        <td width="14%" align="center" id="day" οnclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>
        <td width="15%" align="center" id="day" οnclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>
        <td width="15%" align="center" id="day" οnclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>
      </tr>
      <tr>
        <td width="14%" align="center" id="day" οnclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>
        <td width="14%" align="center" id="day" οnclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>
        <td width="14%" align="center" id="day" οnclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>
        <td width="14%" align="center" id="day" οnclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>
        <td width="14%" align="center" id="day" οnclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>
        <td width="15%" align="center" id="day" οnclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>
        <td width="15%" align="center" id="day" οnclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>
      </tr>
      <tr>
        <td width="14%" align="center" id="day" οnclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>
        <td width="14%" align="center" id="day" οnclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>
        <td width="14%" align="center" id="day" οnclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>
        <td width="14%" align="center" id="day" οnclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>
        <td width="14%" align="center" id="day" οnclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>
        <td width="15%" align="center" id="day" οnclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>
        <td width="15%" align="center" id="day" οnclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>
      </tr>
      <tr>
        <td width="14%" align="center" id="day" οnclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>
        <td width="14%" align="center" id="day" οnclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>
        <td width="14%" align="center" id="day" οnclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>
        <td width="14%" align="center" id="day" οnclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>
        <td width="14%" align="center" id="day" οnclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>
        <td width="15%" align="center" id="day" οnclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>
        <td width="15%" align="center" id="day" οnclick="add_day(year.innerText,month.innerText,this.innerText)">　</td>
      </tr>
    </table>
    </td>
  </tr>
  <tr>
    <td width="33%" height="1"></td>
    <td width="33%" height="1"></td>
    <td width="34%" height="1"></td>
    </tr>
  </table>
   </div>
  </BODY>
  </HTML>

 

add8849
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
wps中excel日期控件下载
07-26
wps中excel日期控件下载
excel 日期控件
12-14
mscomct2.ocx是ActiveX插件公用管理模块，缺少它可能会造成部分软件不能正常运行，可能造成以下几种情况：如office窗体控件丢失，vb控件不可用，EXCEL日历控件没有找到等等，这些都是mscomct2.ocx控件包丢失所造成的...
EXCEL缺少日期控件解决方法
06-22
excel中没有日期控件的解决方法 缺少microsoft date and time picker control 6.0(sp4) 拷贝Mscomct2.ocx文件到C:\WINDOWS\system32目录下 如果该目录下有此文件则直接替换 如果该目录下没有此文件，则把文件放入...
Axure9.0的高保真日期控件自定义格式
05-14
Axure9.0的高保真日期控件自定义格式，控件基于中继器算法实现，主要实现包含日历自动切换，默认当前年月，当前或选择值选中状态，点击隐藏日历等功能。 Axure9.0的高保真日期控件自定义格式，控件基于中继器算法...
日期控件DTPicker
11-12
日期控件DTPicker VB中DTPicker控件的背景色 支持yyyymmdd格式
用Javascript检查客户端是否安装某个软件
雁南飞的专栏
09-07 2983
try{var pdftest=new ActiveXObject(PDF.PdfCtrl.6);}catch(e){if(window.confirm(Acrobat Reader6.0简体中文版没有安装，为保证您能正确浏览本页面，请下载最新版本的Reader。您要下载安装吗？))window.open(http://sccrc.onlinedown.net/down/AdbeRdr6
IE+JS: 上传之前检测图片文件大小及类型
雁南飞的专栏
12-26 2759
IE+JS: 上传之前检测图片文件大小October 2, 2005 at 1:34 am · Filed under Scripts 文件上传之前的检测，通常是通过文件名来判断文件类型是否合法，但是要想检测文件的大小很难办到，除非在本地或者使用控件。不过在IE下img有几个附加的属性，如：fileCreatedDate、fileModifiedDate、fileSize、fileUpdatedD
利用CSS控制打印区域及分页,打印简单的报表
雁南飞的专栏
08-30 2077
看看 .Noprint{display:none;} .PageNext{page-break-after: always;} .tdp {     border-bottom: 1 solid #000000;     border-left:  1 solid #000000;     border-right:  0 solid #ffffff;     border-top
javascript控制图片显示大小
雁南飞的专栏
04-29 1406
控制图片长宽少于120像素(用图片onload(this)事件激发)function DrawImage(srcobj){    var OImg=new Image();    OImg.src=srcobj.src;    var scale=OImg.width>OImg.height?(OImg.width>120?OImg.width/120:1):(OImg.height>120?OI
动态改变表格单元格内容
雁南飞的专栏
08-30 1220
获取或设置表单值:document.getElementById("名称ID").value获取或设置DIV或其它标签值:document.getElementById("名称ID").innerHTML;HTML格式document.getElementById("名称ID").innerText;文本格式  function addText(){var strText="改
打开一个窗口,写入HTML
雁南飞的专栏
01-24 1177
function openwin(){OpenWindow=window.open("", "newwin", "height=250, width=250,toolbar=no ,scrollbars="+scroll+",menubar=no");//写成一行 　　OpenWindow.document.write("例子");OpenWindow.document.write("");Ope
在父级窗口取得网页对话框中元素的值
雁南飞的专栏
09-13 1054
aaa.aspx中写result = showModelDialog("1.htm");form1.textbox1.value=result;在1.htm中的onclick事件或onunload事件中写window.value=1;
用链接或按钮实现全选
雁南飞的专栏
08-30 983
function adds(){ for(var ii=0; ii   if(ffn.elements[ii].type=="checkbox")  ffn.elements[ii].checked=true;}function fs(){ for(var ii=0; ii   if(ffn.elements[ii].type=="checkbox")  ffn.elements[ii].ch
javascript中的正则表达式
雁南飞的专栏
07-15 795
字符描述/将下一个字符标记为一个特殊字符、或一个原义字符、或一个 后向引用、或一个八进制转义符。例如，n 匹配字符 "n"。/n 匹配一个换行符。序列 // 匹配 "/" 而 "/(" 则匹配 "("。^匹配输入字符串的开始位置。如果设置了 RegExp 对象的 Multiline 属性，^ 也匹配 /n 或 /r 之后的位置。$匹配输入字符串的结束位置。如果设置了RegExp
微软中国区AI团队“打包赴美”？
程序员小灰的博客
05-18 247
大家好，我是程序员小灰。最近两天，互联网上在疯传一个消息：微软公司突然发布邮件，让中国区 Azure 人工智能团队的部分员工集体打包去美国，涉及的项目组包括Azure ML和Azure Core等团队，总共涉及上百名员工。值得注意的是，微软官方还提出可以解决亲属签证的问题，真可谓是连同家人“打包赴美”。随着时间的推移，网上的消息也越传越邪乎，有人甚至说，微软相关团队的员工要么选择赴美，要么被裁员，...
Shell之免交互
aran2002的博客
05-20 1059
使用I/O重定向的方式将命令列表提供给交互式程序标准输入的一种替代品语法格式命令 <<开始标记......结尾标记。
【YOLO改进】换遍主干网络之CVPR2024 微软新作StarNet：超强轻量级Backbone（基于MMYOLO）
最新发布
Vlone_pp的博客
05-21 1024
2. 修改starnet.py中的forward函数，并且添加out_dices参数使其能够输出不同stage的特征向量。（元素乘法）在无需加宽网络下，将输入映射到高维非线性特征空间的能力。3. 将class StarNet注册并且在__init__()函数中进行修改。，在紧凑的网络结构和较低的能耗下展示了令人印象深刻的性能和低延迟。1. 在上文提到的仓库中下载imagenet/starnet.py。CVPR2024 Rewrite the Stars论文揭示了。4. 修改配置文件，
Office VBA基础 学习笔记
qq_20751851的博客
05-20 323
VBA简介VBA是一种事件驱动编程语言，由微软开发并内置于Office应用程序中。它继承了Visual Basic语言的语法和特性，并增加了与Office应用程序交互的特定对象、方法和属性。通过VBA，用户可以根据自身需求编写代码，定制Office应用程序的功能和界面，实现自动化操作。VBA开发环境VBA的开发环境通常指VBA编辑器（VBE，Visual Basic Editor）。在Office应用程序中，用户可以通过快捷键Alt+F11打开VBE。
input日期控件代码
11-16
日期控件是一种常见的输入元素，用于方便用户选择和输入日期。其代码需要包括HTML、CSS和JavaScript部分。 首先，在HTML中，我们定义一个input元素，并设置type属性为"date"，这将自动渲染成一个日期控件。代码如下...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值