javascript 写的日期输入！！！

最新推荐文章于 2022-03-01 21:08:26 发布
原创 最新推荐文章于 2022-03-01 21:08:26 发布 · 626 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #function #date #html #null #div

本文介绍了一个使用JavaScript实现的动态HTML日期选择器。该选择器能够根据用户选定的年份和月份自动更新显示的日期选项。适用于网页应用中需要用户输入特定日期的场景。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>无标题页</title>
    <script language="javascript">
    <!--
    // JScript 文件
    function $(element)//简化document.getElementById
    {
        return document.getElementById(element);
    }
    function writey()//年份范围1980-2000
    {
        var divSelect=$("date");
        var yy=document.createElement("select");
        yy.id="year";
        yy.name="year";
        yy.onchange=function(event)
        {
            writem();
            writed();
        }
        for(i=1980;i<2000;i++)
        {
            var yyy=document.createElement("option");
            yyy.innerHTML=i;
            yyy.value=i;
            yy.appendChild(yyy);
        }
        divSelect.appendChild(yy);
    }
   
    function writem()//输入月份1-12
    {
        var divSelect=$("date");
        var temp=$("month");
        //alert(temp);
        if(temp==null){
        var mm=document.createElement("select");
        mm.id="month";
        mm.name="month";
        mm.onchange=function(event)
        {
            writed();
        }
        for(i=1;i<13;i++)
        {
            var mmm=document.createElement("option");
            mmm.innerHTML=i;
            mmm.value=i;
            mm.appendChild(mmm);
        }
        divSelect.appendChild(mm);
        //divSelect.innerHTML+="";
        }
        else{}
    }
   
    function writed()//输入日期
    {
        var divSelect=$("date");
        var temp=$("day");
        if(temp!=null)
        {
            $("day").parentNode.removeChild($("day"));
        }
        var year=$("year");
        var month=$("month");
        //alert(month.options[month.selectedIndex].text);
        var mon=month.options[month.selectedIndex].text;
        var yea=year.options[year.selectedIndex].text;
        var dday=new Date(yea,mon,0);
        var num=dday.getDate();
        var dd=document.createElement("select");
        dd.id="day";
        dd.name="day";
        //alert(num);
        for(i=1;i<=num;i++)
        {
            var ddd=document.createElement("option");
            ddd.innerHTML=i;
            ddd.value=i;
            dd.appendChild(ddd);
        }
        divSelect.appendChild(dd);
    }
   
    function writebb()
    {
        writey(); writem();writed();
    }
    window.onload=writey;
    //-->
    </script>
</head>
<body>
<div id="date"></div>
</body>
</html>
 
tutuliu
关注
js时间日期输入框
11-20
js时间日期输入框 使用方法如下所示： 时间输入就是这么简单
js日期输入插件
04-19
NULL 博文链接：https://wsfei.iteye.com/blog/1876513
js日期输入控件，键盘实现快速输入（绝对原创）
07-16
通常我们从网上找到的，都是通过鼠标选择的js日期控件，例如最流行的My97DatePicker。但是这些控件仅仅是好看，在很多业务系统中，操作员更希望所有的信息都是靠键盘输入，这样的输入速度，比一会儿用键盘，一会儿用鼠标快很多。本例是一个可以动态配置日期/时间输入项的键盘时间输入控件。支持：1、输入值校验2、只允许输入数字3、屏蔽输入法4、不允许拖拽文字到输入框中5、不允许拷贝文字到输入框中
js快捷输入日期
weixin_34405925的博客
01-09 153
点击这里查看效果http://keleyi.com/keleyi/phtml/jstexiao/10.htm 以下式代码： 1 &lt;!DOCTYPE html&gt; 2 &lt;html&gt; 3 &lt;head&gt; 4 &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&g...
javascript写的一个不错的日历控件
02-27 971
<!-- alimama_pid="mm_10249644_1605763_4929893"; alimama_titlecolor="707070"; alimama_descolor ="CCCCCC"; alimama_bgcolor="FFFFFF"; alimama_bordercolor="FFFFFF"; alimama_linkcolor="DADA
javascript日期验证之输入日期大于等于当前日期
11-23
本文实例分析了javascript输入日期大于等于当前日期验证代码，分享给大家供大家参考，具体如下： [removed] $(function () { var d = new Date(); var strDate = getDateStr(d); $("#beginTime").val(strDate)...
Javascript控制input输入时间格式的方法
12-10
之前做了一个Javascript控制时间格式的输入，主要用到了keydown和keyup两个事件，但感觉写的很复杂而且还有bug。 今日了解了一下keypress事件与keydown和keyup的区别。大致如下（目前只了解这么多）： keydown：按键...
免费的Javascript日期输入及选择控件
03-05
应该说是现在最全，最方便的日历，支持UTF-8及世界上所有的语言，很好用，就是文件大了一些。 博文链接：https://fangfeixue.iteye.com/blog/128156
javascript版的日期输入控件
zhaoweiwei的专栏
03-15 1818
New Document function showdb()  //显示控件/隐藏空间{  var CurrentDate=new Date();  var CYear=CurrentDate.getFullYear();  var CMonth=CurrentDate.getMonth();  var CDay=CurrentDate.getDay();    var a=document.g
js写一个日期
nbin2008的博客
10-03 940
用js写一个日期
非常不错的JS日期时间输入控件
08-10
1.JS日期时间控件 2.控件中支持用户自行输入 3.可在调用时设定日期时间格式字符串即可实现日期和时间的显示
JS的日期输入框，可以直接使用
12-18
这个是我做项目时用到的，感觉还可以，大家可以用下看看。
完整的JS时间录入
08-27
这是一个在文本框中精确到分得JS时间录入，很不错的时间选择器
js 时间输入 如：出生日期等
12-23
网上找的基本都是一个版本的 颜色搭配不是很和谐， 这个比较中性 100%可运行
漂亮的 js 日历（把日期输入到文本框）
weixin_30346033的博客
02-06 280
<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN"><HTML><HEAD><TITLE>NewDocument</TITLE></HEAD><BODY><scriptlanguage="javascript">funct...
有四种 JavaScript 日期输入格式
qq_45715615的博客
03-01 498
数组不是常量 关键字const有一定误导性。 它不定义常量数组。它定义的是对数组的常量引用。 因此，我们仍然可以更改常量数组的元素。 有四种 JavaScript 日期输入格式： 类型 实例 ISO 日期 "2018-02-19" （国际标准） 短日期 "02/19/2018" 或者 "2018/02/19" 长日期 "Feb 19 2018" 或者 "19 Feb 2019" 完整日期 "Monday February..
需要知道的JS的日期的知识，都在这了
weixin_38170065的博客
06-25 824
译者：前端小智 原文：css-tricks.com/everything-… 为了保证的可读性，本文采用意译而非直译。 想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你！ JS中的 Date 很奇怪。当我们需要处理日期和时间的时候比较麻烦，经常借助像date-fns和 Moment 这样的库。 但是我们并不总是需要使用库。如果知道要注意一些总是，日期实际上可以非常简单。接下介...
js实现控制日期输入格式
ququsky的专栏
04-01 1932
/css/style.css" type="text/css" rel="stylesheet" /><!--form {padxingmingng:0;margin:0;border:0}body { margin-left: 0px; margin-top: 0px;}-->当前位置: 修改网站参数
全面解析JavaScript日期输入控件
标题中提到的“JS日期输入控件(共4个)”暗示了文档或资源中介绍了四种不同的 JavaScript 日期输入控件。以下是对这些控件所涉及知识点的详细阐述。 ### JavaScript 日期对象 JavaScript 的 Date 对象是处理日期和...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值