精华内容
下载资源
问答
  • html下拉框选择日期
    千次阅读
    2021-06-12 09:11:42

    下拉框

    状态

    ----请选择----

    制单

    已提交

    已审核

    可选框

    value="Y" checked="checked" id="isValid">是否有效

    起止日期

    起止日期

    class="input-sm form-control date-picker" name="startDate" />

    class="fa fa-exchange">

    data-date-format="yyyy-mm-dd"

    class="input-sm form-control date-picker" name="endDate" />

    读取当前时间(MessageBox.alert 是有确定按钮的,而.show是没有的)

    var now=new Date().Format("yyyy-MM-dd");

    if($("[name='endDate']").val() < now ){

    msg+="结束时间必须大于等于当前时间!"

    }

    if(msg){

    Ext.MessageBox.alert("提示", msg);

    return;

    }

    android控件 下拉刷新pulltorefresh

    外国人写的下拉刷新控件,我把他下载下来放在网盘,有时候訪问不了github 支持各种控件下拉刷新 ListView.ViewPager.WevView.ExpandableListView.GridV ...

    Atitit&period;ui控件---下拉菜单选择控件的实现select html

    Atitit.ui控件---下拉菜单选择控件的实现select   html 1. 调用& model的实现 1 2. -----select.jsp------ 1 1. 调用& m ...

    Android自己定义控件--下拉刷新的实现

    我们在使用ListView的时候.非常多情况下须要用到下拉刷新的功能.为了了解下拉刷新的底层实现原理,我採用自己定义ListView控件的方式来实现效果. 实现的基本原理是:自己定义ListView, ...

    组件 layui 常用控件下拉框的应用

    下拉框的显示样式: 针对下拉框的绑定等操作时,在最后务必调用一次 form.render(); 1.基本定义:

    Winform 五种常用对话框控件的简单使用

    OpenFileDialog(打开文件对话框)FolderBrowserDialog(浏览文件夹对话框)SaveFileDialog(保存文件对话框)ColorDialog(颜色选择对话框)FontD ...

    wpf中dropdownButton控件下拉居中。。。

    设置模版中popup控件的HorizontalOffset属性来控制居中. 还是对popup控件不熟,折腾了一会.

    js&plus;CSS实现模拟华丽的select控件下拉菜单效果

    更多相关内容
  • 然后自己改了一下代码: content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/> JS年月日三级联动下拉框日期选择代码 请选择 年 选择 月 选择 日 以上就是本文的全部...

    由于工作中涉及到生日编辑资料编辑,年月日用上面网址案例:bug提示:

    编辑生日栏的【年】或者【月】,之前保存的具体的【日】就不显示啦,产品说不管编辑哪个数据,其他数据不变;

    然后自己改了一下代码:

    content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>

    JS年月日三级联动下拉框日期选择代码

    请选择 年

    选择 月

    选择 日

    var changeDD = 1;//->一个全局变量

    function YYYYMMDDstart() {

    MonHead = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];

    //先给年下拉框赋内容

    var y = new Date().getFullYear();

    for (var i = (y - 47); i < (y + 21); i++) //以今年为准,前30年,后30年

    document.reg_testdate.YYYY.options.add(new Option(" " + i + " 年", i));

    //赋月份的下拉框

    for (var i = 1; i < 13; i++)

    document.reg_testdate.MM.options.add(new Option(" " + i + " 月", i));

    document.reg_testdate.YYYY.value = y;

    document.reg_testdate.MM.value = new Date().getMonth() + 1;

    var n = MonHead[new Date().getMonth()];

    if (new Date().getMonth() == 1 && IsPinYear(YYYYvalue)) n++;

    writeDay(n); //赋日期下拉框

    //->赋值给日,为当天日期

    // document.reg_testdate.DD.value = new Date().getDate();

    }

    if (document.attachEvent)

    window.attachEvent("onload", YYYYMMDDstart);

    else

    window.addEventListener('load', YYYYMMDDstart, false);

    function YYYYDD(str) //年发生变化时日期发生变化(主要是判断闰平年)

    {

    var MMvalue = document.reg_testdate.MM.options[document.reg_testdate.MM.selectedIndex].value;

    if (MMvalue == "") {

    // var e = document.reg_testdate.DD;

    optionsClear(e);

    return;

    }

    var n = MonHead[MMvalue - 1];

    if (MMvalue == 2 && IsPinYear(str)) n++;

    writeDay(n)

    }

    function MMDD(str) //月发生变化时日期联动

    {

    var YYYYvalue = document.reg_testdate.YYYY.options[document.reg_testdate.YYYY.selectedIndex].value;

    if (YYYYvalue == "") {

    var e = document.reg_testdate.DD;

    optionsClear(e);

    return;

    }

    var n = MonHead[str - 1];

    if (str == 2 && IsPinYear(YYYYvalue)) n++;

    writeDay(n)

    }

    function writeDay(n) //据条件写日期的下拉框

    {

    var e = document.reg_testdate.DD;

    optionsClear(e);

    for (var i = 1; i < (n + 1); i++)

    {

    e.options.add(new Option(" " + i + " 日", i));

    if(i == changeDD){

    e.options[i].selected = true; //->保持选中状态

    }

    }

    console.log(i);

    console.log(changeDD);

    }

    function IsPinYear(year) //判断是否闰平年

    {

    return (0 == year % 4 && (year % 100 != 0 || year % 400 == 0));

    }

    function optionsClear(e) {

    e.options.length = 1;

    }

    //->随时监听日的改变

    function DDD(str){

    changeDD = str;

    }

    以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

    展开全文
  • jQuery点击弹出下拉框选择日期代码是一款点击input框弹出日期时间插件,可以下拉列表进行选择日期时间代码。
  • jQuery点击弹出下拉框选择日期代码是一款点击input框弹出日期时间插件,可以下拉列表进行选择日期时间代码。
  • jQuery弹出下拉框日期选择器基于jquery.1.10.2.min.js制作,点击输入框弹出日期时间选择下拉框,可在下拉列表选择日期时间,多种表单样式。
  • jQuery点击弹出下拉框选择日期代码是一款点击input框弹出日期时间插件,可以下拉列表进行选择日期时间代码。
  • jQuery选择日期时间下拉框代码是一款基于vue.js制作下拉框菜单选择日期时间选择特效。
  • jQuery弹出下拉框日期选择器基于jquery.1.10.2.min.js制作,点击输入框弹出日期时间选择下拉框,可在下拉列表选择日期时间,多种表单样式。
  • 这是一款点击input框弹出日期时间选择插件,可以下拉列表进行选择日期时间代码,jQuery点击弹出下拉框日期选择代码。
  • jQuery选择日期时间下拉框代码是一款基于vue.js制作下拉框菜单选择日期时间选择特效。
  • 实现一个日期下拉菜单

    千次阅读 2021-06-14 06:23:38
    这篇文章的主旨是弄清楚如何根据实际需求实现一个联动菜单以及联动菜单的原理,实例是实现一个日期选择下拉菜单。本文调试环境为IE6/firefox1.5。首先来分析一下日期下拉菜单的需求。建议大家在写任何程序的时候都...

    这篇文章的主旨是弄清楚如何根据实际需求实现一个联动菜单以及联动菜单的原理,实例是实现一个日期选择下拉菜单。本文调试环境为IE6/firefox1.5。

    首先来分析一下日期下拉菜单的需求。建议大家在写任何程序的时候都应该在动手编程之前想清楚自己需要些什么,这样编程才有效率。

    年份: 一般来说有一个有效年份,比如说1900年至当前年份才是为效的,这个要根据实际需求来确定,如果是该下拉菜单是用来选择出生年月日还得把最大的年份减到一定的数目,如果有人的生日选择了2005年(即当前的年份),那是不正常的。

    月份:没有什么特殊需求,不管是哪一年都是有十二个月。

    天数:每个月的天数都可能是不定的,当然这可以根据一定的算法求出来,而它的根据就是当前选择的年份和月份。月份都有一个固定的天数,即一、三、五、七、八、十、十二月是三十一天,而四、六、九、十一月是三十天,二月份要根据当年是否为闰年判断是二十八天还是二十九天。求当月的天数我提出一个比较简单的算法,可以只根据当前的年份和月份就可以求出当月的天数,这会在后边讲一讲思路并将其实现。

    好了,现在我们来具体实现这个日期联动下拉菜单。

    联动下拉菜单是以两个或多个select元素为单位的,为了让这些菜单更多紧密的工作,我们可以实现一个类用来管理它们的初始化、事件,在这里就使用DateSelector为类名,它有三个属性,分别为年、月、日的下拉菜单,而这三个select元素是由构造函数的参数传进来的,另外为了更灵活地使用它,我们还可以再给DateSelector类的构造函数增加一个(Date对象)或三个参数(int数值),表示初始化的年月日。由于参数个数不定,我们可以不将另外增加的参数写入参数表里,而是在运行时判断arguments对象的length属性来执行不同的操作。arguments对象存储了当前函数的参数信息,可以查阅一下相关的资料比如说《Windows脚本技术》。

    如何实现一个日期下拉菜单

    function DateSelector(selYear, selMonth, selDay)

    {

    this.selYear = selYear;

    this.selMonth = selMonth;

    this.selDay = selDay;

    }

    接下来开始对联动菜单进行初始化,首先是年份,我们可以给类增加一个MinYear属性表示最小的年份,再增加一个MaxYear表示最大的年份,实现一个InitYearSelect方法初始化年份,实现一个InitMonthSelect方法初始化月份。由于这几个属性和方法的思路都是很简单,就不一一讲解,看看代码是怎么写的应该就能够明白,如果对类方面有不清楚有地方可以参考我发表在无忧脚本另一篇文章《由浅到深了解JavaScript类》。

    如何实现一个日期下拉菜单

    function DateSelector(selYear, selMonth, selDay)

    {

    this.selYear = selYear;

    this.selMonth = selMonth;

    this.selDay = selDay;

    this.InitYearSelect();

    this.InitMonthSelect();

    }

    // 增加一个最大年份的属性

    DateSelector.prototype.MinYear = 1900;

    // 增加一个最大年份的属性

    DateSelector.prototype.MaxYear = (new Date()).getFullYear();

    // 初始化年份

    DateSelector.prototype.InitYearSelect = function()

    {

    // 循环添加OPION元素到年份select对象中

    for(var i = this.MaxYear; i >= this.MinYear; i--)

    {

    // 新建一个OPTION对象

    var op = window.document.createElement("OPTION");

    // 设置OPTION对象的值

    op.value = i;

    // 设置OPTION对象的内容

    op.innerHTML = i;

    // 添加到年份select对象

    this.selYear.appendChild(op);

    }

    }

    // 初始化月份

    DateSelector.prototype.InitMonthSelect = function()

    {

    // 循环添加OPION元素到月份select对象中

    for(var i = 1; i < 13; i++)

    {

    // 新建一个OPTION对象

    var op = window.document.createElement("OPTION");

    // 设置OPTION对象的值

    op.value = i;

    // 设置OPTION对象的内容

    op.innerHTML = i;

    // 添加到月份select对象

    this.selMonth.appendChild(op);

    }

    }

    var selYear = window.document.getElementById("selYear");

    var selMonth = window.document.getElementById("selMonth");

    var selDay = window.document.getElementById("selDay");

    // 新建一个DateSelector类的实例,将三个select对象传进去

    new DateSelector(selYear, selMonth ,selDay);

    接下来要对天数进行初始化了,前边有说过天数是不定的,那要如何准确求出它的天数呢?我们稍加分析就知道每个月的最后一天就是该月的天数,相当于下一个月的第一天的前一天,比如说我们要求2005年11月的天数,那我们只需要得到2005年12月一日的前一天即可得到2005年11月最后一天。可以给DateSelector添加一个方法DaysInMonth来实现该功能。

    如何实现一个日期下拉菜单

    function DateSelector(selYear, selMonth, selDay)

    {

    this.selYear = selYear;

    this.selMonth = selMonth;

    this.selDay = selDay;

    this.InitYearSelect();

    this.InitMonthSelect();

    }

    // 增加一个最大年份的属性

    DateSelector.prototype.MinYear = 1900;

    // 增加一个最大年份的属性

    DateSelector.prototype.MaxYear = (new Date()).getFullYear();

    // 初始化年份

    DateSelector.prototype.InitYearSelect = function()

    {

    // 循环添加OPION元素到年份select对象中

    for(var i = this.MaxYear; i >= this.MinYear; i--)

    {

    // 新建一个OPTION对象

    var op = window.document.createElement("OPTION");

    // 设置OPTION对象的值

    op.value = i;

    // 设置OPTION对象的内容

    op.innerHTML = i;

    // 添加到年份select对象

    this.selYear.appendChild(op);

    }

    }

    // 初始化月份

    DateSelector.prototype.InitMonthSelect = function()

    {

    // 循环添加OPION元素到月份select对象中

    for(var i = 1; i < 13; i++)

    {

    // 新建一个OPTION对象

    var op = window.document.createElement("OPTION");

    // 设置OPTION对象的值

    op.value = i;

    // 设置OPTION对象的内容

    op.innerHTML = i;

    // 添加到月份select对象

    this.selMonth.appendChild(op);

    }

    }

    // 根据年份与月份获取当月的天数

    DateSelector.DaysInMonth = function(year, month)

    {

    var date = new Date(year, month, 0);

    return date.getDate();

    }

    var selYear = window.document.getElementById("selYear");

    var selMonth = window.document.getElementById("selMonth");

    var selDay = window.document.getElementById("selDay");

    // 新建一个DateSelector类的实例,将三个select对象传进去

    new DateSelector(selYear, selMonth ,selDay);

    alert("2004年2月的天数为" + DateSelector.DaysInMonth(2004, 2));

    alert("2005年2月的天数为" + DateSelector.DaysInMonth(2005, 2));

    很明显,这种方法根本不需要考虑到该年份是否为闰年就可以轻松求出指定月的天数。另外,有些网友可能会对“var date = new Date(year, month, 0);”这句代码觉得奇怪,传入的是2005,2,0,这看起来似乎是求二月份第一天的前一天即一月份的最后一天,为什么还会得到二月份的天数?这里必须说明一天,JavaScript的Date对象里的月份是由0开始到11结束,也就是说0表示一月,2表示三月,所以就有这种错觉,在使用JavaScript的Date对象时要特别注意这一点。

    出处:蓝色理想

    责任编辑:moby

    ◎进入论坛网页制作、网站综合版块参加讨论

    展开全文
  • title>年月日三下拉框联动title> meta http-equiv='Content-Type' content='text/html; charset=gb2312'> head> body> form name="reg_testdate"> select name="YYYY" onchange="YYYYDD(this.value)"> opt
    <html>
    <head>
    <title>年月日三下拉框联动</title>
    <meta http-equiv='Content-Type' content='text/html; charset=gb2312'>
    </head>
    
    <body>
    <form name="reg_testdate">
      <select name="YYYY" onchange="YYYYDD(this.value)">
        <option value="">请选择 年</option>
      </select>
      <select name="MM" onchange="MMDD(this.value)">
        <option value="">选择 月</option>
      </select>
      <select name="DD">
        <option value="">选择 日</option>
      </select>
    </form>
    <script language="JavaScript"><!--   
       function YYYYMMDDstart()   
       {   
               MonHead = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];   
        
               //先给年下拉框赋内容   
               var y  = new Date().getFullYear();   
               for (var i = (y-30); i < (y+30); i++) //以今年为准,前30年,后30年   
                       document.reg_testdate.YYYY.options.add(new Option(" "+ i +" 年", i));   
        
               //赋月份的下拉框   
               for (var i = 1; i < 13; i++)   
                       document.reg_testdate.MM.options.add(new Option(" " + i + " 月", i));   
        
               document.reg_testdate.YYYY.value = y;   
               document.reg_testdate.MM.value = new Date().getMonth() + 1;   
               var n = MonHead[new Date().getMonth()];   
               if (new Date().getMonth() ==1 && IsPinYear(YYYYvalue)) n++;   
                    writeDay(n); //赋日期下拉框Author:meizz   
               document.reg_testdate.DD.value = new Date().getDate();   
       }   
       if(document.attachEvent)   
           window.attachEvent("onload", YYYYMMDDstart);   
       else   
           window.addEventListener('load', YYYYMMDDstart, false);   
       function YYYYDD(str) //年发生变化时日期发生变化(主要是判断闰平年)   
       {   
               var MMvalue = document.reg_testdate.MM.options[document.reg_testdate.MM.selectedIndex].value;   
               if (MMvalue == ""){ var e = document.reg_testdate.DD; optionsClear(e); return;}   
               var n = MonHead[MMvalue - 1];   
               if (MMvalue ==2 && IsPinYear(str)) n++;   
                    writeDay(n)   
       }   
       function MMDD(str)   //月发生变化时日期联动   
       {   
            var YYYYvalue = document.reg_testdate.YYYY.options[document.reg_testdate.YYYY.selectedIndex].value;   
            if (YYYYvalue == ""){ var e = document.reg_testdate.DD; optionsClear(e); return;}   
            var n = MonHead[str - 1];   
            if (str ==2 && IsPinYear(YYYYvalue)) n++;   
           writeDay(n)   
       }   
       function writeDay(n)   //据条件写日期的下拉框   
       {   
               var e = document.reg_testdate.DD; optionsClear(e);   
               for (var i=1; i<(n+1); i++)   
                    e.options.add(new Option(" "+ i + " 日", i));   
       }   
       function IsPinYear(year)//判断是否闰平年   
       {     return(0 == year%4 && (year%100 !=0 || year%400 == 0));}   
       function optionsClear(e)   
       {   
            e.options.length = 1;   
       }   
       //--></script>
    </body>
    </html>

    效果图

    展开全文
  • 本文实例为大家分享了js实现下拉框选择组件的具体代码,供大家参考,具体内容如下功能需求:1、点击div后,div显示聚焦状态,同时显示下拉框内容;2、选择儿童人数后,如果儿童人数大于0,在下方出现对应的儿童年龄...
  • jQuery基于vue.js下拉框菜单选择日期时间选择代码,日期时间选择有多种效果,并获取值显示在下方文本框内。
  • 总结一下python+selenium select下拉选择框定位处理的两种方式,以备后续使用时查询; 二、直接定位(XPath) 使用Firebug找到需要定位到的元素,直接右键复制XPath,使用find_element_by_xpath定位; driver = ...
  • html-head中: <script src="js/jq/jquery-3.5.1.min.js"></script> /*注意该文件*/ <style> .layui-input:focus, .layui-textarea:focus { border-color: #2989b6 !important; } </...
  • 下拉框 选择日期

    千次阅读 2015-10-08 20:42:50
    日期下拉菜单    function DateSelector(selYear, selMonth, selDay) {  this.selYear = selYear;  this.selMonth = selMonth;  this.selDay = selDay;  this.selYear.Group = this;  this.se
  • 一款创意个性的HTML5手机移动端日期时间选择插件,外观十分时尚漂亮,不止适用移动端,电脑端展现效果也很好。
  • JS年月日三级联动下拉框日期选择代码
  • JS年月日三级联动下拉框日期选择代码,默认当前日期,代码附带详细中文注释,供大家参考。
  • JS年月日三级联动下拉框日期选择代码,默认当前日期,代码附带详细中文注释,供大家参考。
  • 下拉框选择年月日代码

    热门讨论 2012-04-27 21:46:30
    function writeDay(n) //据条件写日期下拉框 { var e = document.form1.DD; optionsClear(e); for (var i=1; i<(n+1); i++) e.options.add(new Option(" "+ i + " 日", i)); } function IsPinYear(year)//...
  • 使用HTML5和JS实现日期下拉框功能
  • ,默认一个input输入框,点击后下拉框可以快速选择今天,或者过去七天、过去一年时间、上个月时间等快捷选择方式,或者弹出日历选择器提供选择
  • 年、月、日三个下拉框选择了‘年’,‘月’、‘日’将联动显示
  • body 开始时间: 年 月日 js // 获取日期 var today = new Date(); // 获取当前年月日 var year = today.getFullYear(); var month = today.getMonth(); var data = today.getDate(); window.onload = function(){ ...
  • 主要为大家详细介绍了bootstrap datetimepicker添加秒钟选择下拉框的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 15,417
精华内容 6,166
关键字:

html下拉框选择日期

友情链接: shurufapingce.rar