`
Mr.Zero
  • 浏览: 33364 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
社区版块
存档分类
最新评论

javascript 日期下拉列表

    博客分类:
  • JS
 
阅读更多
javascript 日期下拉列表
<script type="text/javascript">
function createSelect(ActionFlag)
{
   var selYear = document.getElementById("tYEAR");
   var selMonth = document.getElementById("tMON");
   var selDay = document.getElementById("tDAY");
   var dt = new Date();
 
   if(ActionFlag == 1)
   {
    MaxYear = dt.getFullYear();
    MinYear = dt.getFullYear()-100;
 
    for(var i = MinYear; i <= MaxYear; i++)
    {
     var op = document.createElement("OPTION");
     op.value = i;
     op.innerHTML = i;
     selYear.appendChild(op);
    }
    selYear.selectedIndex = 0;
  
    for(var i = 1; i < 13; i++)
    {
     var op = document.createElement("OPTION");
     op.value = i;
     op.innerHTML = i;
     selMonth.appendChild(op);
    }
    selMonth.selectedIndex = dt.getMonth();
   }
 
   var date = new Date(selYear.value, selMonth.value, 0);
   var daysInMonth = date.getDate();
   selDay.options.length = 0;
 
   for(var i = 1; i <= daysInMonth ; i++)
   {
    var op = document.createElement("OPTION");
    op.value = i;
    op.innerHTML = i;
    selDay.appendChild(op);
   }
   //alert();
   selDay.selectedIndex = dt.getDate() - 1;
}
</script>
   <select id="tYEAR" name="tYEAR" size="1" onChange="createSelect()"></select>年
   <select id="tMON" name="tMON" size="1" onChange="createSelect();"></select>月
   <select id="tDAY" name="tDAY" size="1" ></select>日 *
<script type="text/javascript">createSelect(1);</script>

分享到:
评论

相关推荐

    jsp出生日期三级级联下拉列表

    jsp出生日期三级级联下拉列表,今晚做的,呵呵!分享下!

    select 下拉列表联动 省市 日期 简单易用

    下拉列表联动 省市 日期 应有尽有,为了大家方便 拿出来分享 /* PCAS (Province City Area Selector 省、市、地区联动选择JS封装类) Ver 2.02 完整版 *\  制作时间:2005-12-30  更新时间:2006-01-24  数据修正...

    calendarToDropdown:用于将日历日期选择器转换为下拉列表的Javascript

    calendarToDropdown 仅需几行JavaScript,即可将日历日期选择器转换为下拉列表。 我在WordPress网站上将它与插件结合使用。

    轻轻松松学用javascript编程(PDF)

    配图列表 列表 1 说明 1.1 主要的内容 1.2 学习目标 2 了解JavaScript 浏览器上的程序语言 2.1 JavaScript 操作对象的简单介绍-- 属性和方法 2.2 JavaScript 代码的加入 2.2.1 加入...

    程序天下:JavaScript实例自学手册

    6.5 从一个下拉列表往另一个下拉列表添加内容 6.6 改变列表项的上下顺序 6.7 给下拉框数据分组 6.8 获取列表框的选择 6.9 类IE下拉框 6.10 下拉框式邮件发送 6.11 获取多选框的选择项 6.12 手动调整的列表框 6.13 ...

    基于vue2的一个日历列表组件类似各类旅游网站的出行日期选择控件

    基于vue2的一个日历列表组件,类似各类旅游网站的出行日期选择控件

    详解vue移动端日期选择组件

    Build Setup # install dependencies npm install # build for production with minification npm run build Usage ...npm install vue-mobile-calendar...script src="vue-mobile-calendar.js" type="text/javascript

    JavaScript完全自学宝典 源代码

    6.6.html 多级下拉列表联动。 6.7.html 各种使用JavaScript获取复选框值的方法。 6.8.html JavaScript控制复选框。 6.9.html 复选框的JavaScript特效。 6.10.html JavaScript取单选框的值。 ...

    JavaScript网页特效范例宝典源码

    实例063 在下拉列表中进行多选移除 106 实例064 将数组中的数据添加到下拉菜单中 107 实例065 应用下拉菜单选择所要联机的网站 108 实例066 多级级联菜单 110 实例067 可以输入文字的下拉菜单 111 实例068 根据下拉...

    《程序天下:JavaScript实例自学手册》光盘源码

    6.5 从一个下拉列表往另一个下拉列表添加内容 6.6 改变列表项的上下顺序 6.7 给下拉框数据分组 6.8 获取列表框的选择 6.9 类IE下拉框 6.10 下拉框式邮件发送 6.11 获取多选框的选择项 6.12 手动调整的列表框 6.13 ...

    JavaScript经典实例

     8.2创建一个新的、下拉式的浏览器窗口  8.3找到关于浏览器的访问页面  8.4警告Web页面访问者将要离开页面  8.5根据颜色支持更改样式表  8.6根据页面大小修改图像尺寸  8.7在CMS模板页面中创建面包屑路径  ...

    javascript网页特效实例大全(13-19)

    实例374 无刷新的级联下拉列表 614 实例375 使用XML实现不刷新页面查询数据 616 16.3 调用与控制 619 实例376 将查询结果导出到Word 619 实例377 调用Excel 621 实例378 调用PowerPoint 622 16.4 其他...

    如何在ASP中选择日期

     2、用下拉列表列出年份、月份、天数由用户选择输入。这种方法更麻烦,用户操作看似比上一种方便了,可是每一个日期输入都需要程序员在后台对年份、月份、天数一一循环列出,而且在列出前或用户输入后还是要对日期...

    javascript函数的解释

    34.下拉列表框的值:document.forms[0].selectName.options[n].value (n有时用下拉列表框名称加上.selectedIndex来确定被选中的值) 35.字符串的定义:var myString = new String("This is lightsword"); 36.字符串转成...

    日历查询程序

    应用javascript实现简单的日期查询,在下拉列表中选择年月单击查询按钮即可查询当月日期。

    基于pj.js实现的日历选择控件,文本框日期选择.rar

    date:默认开始日期,不需要可以是null(以当天日期开始),yearListLength:年份下拉列表长度,当改变年份或者月份是的事件监听器,以当前Calendar对象为上下文执行fn函数,当选择日期时触发的函数,以当前Calendar对象为...

    javascript代码常用大全

    2.2 短日期,形如 (2003-12-05) 2.3 长时间,形如 (2003-12-05 13:04:06) 2.4 只有年和月。形如(2003-05,或者2003-5) 2.5 只有小时和分钟,形如(12:03) 3、表单类 3.1 所有的表单的值都不能为空 3.2 多行...

    javascript 常用代码大全

    2.2 短日期,形如 (2003-12-05) 2.3 长时间,形如 (2003-12-05 13:04:06) 2.4 只有年和月。形如(2003-05,或者2003-5) 2.5 只有小时和分钟,形如(12:03) 3、表单类 3.1 所有的表单的值都不能为空 3.2 多行...

    JavaScript笔记

    js的方法定义:function方法名([参数列表]){ 方法体 [return 返回值] } 注意:js中的方法可以直接写在代码中,不需要“类”包裹 使用方法:方法名()--&gt;方法调用--&gt;立即执行 2.js文件:网页外专门保存js...

Global site tag (gtag.js) - Google Analytics