javascript 下拉框显示当前日期_时间日期

需要增加的地方:

复制代码 代码如下:

<option value="2010">2010</option>
<option value="2011">2011</option>
<option value="2012">2012</option>
<option value="2013">2013</option>

测试代码:

复制代码 代码如下:

<html>
<head>
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>* 您消费的时间</title>
</head>
<body>
<table width="500" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="22%" height="25" bgcolor="F7F7F7">
<span class="title_red STYLE2">* </span>您消费的时间
</td>
<td width="20%" bgcolor="F7F7F7">
<select id="years">
<option value="2007">2007</option>
<option value="2008">2008</option>
<option value="2009">2009</option>
<option value="2010">2010</option>
<option value="2011">2011</option>
<option value="2012">2012</option>
<option value="2013">2013</option>
</select> 年
</td>
<td width="15%" bgcolor="F7F7F7">
<select id="months">
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select> 月
</td>
<td width="15%" bgcolor="F7F7F7">
<select id="days">
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select> 日
</td>
<td width="15%" bgcolor="F7F7F7">
<select id="hours">
<option value="00">00</option>
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
</select> 点
</td>
<td width="15%" bgcolor="F7F7F7">
<select id="mins">
<option value="00">00</option>
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
<option value="32">32</option>
<option value="33">33</option>
<option value="34">34</option>
<option value="35">35</option>
<option value="36">36</option>
<option value="37">37</option>
<option value="38">38</option>
<option value="39">39</option>
<option value="40">40</option>
<option value="41">41</option>
<option value="42">42</option>
<option value="43">43</option>
<option value="44">44</option>
<option value="45">45</option>
<option value="46">46</option>
<option value="47">47</option>
<option value="48">48</option>
<option value="49">49</option>
<option value="50">50</option>
<option value="51">51</option>
<option value="52">52</option>
<option value="53">53</option>
<option value="54">54</option>
<option value="55">55</option>
<option value="56">56</option>
<option value="57">57</option>
<option value="58">58</option>
<option value="59">59</option>
</select> 分
</td>
</tr>
</table>
<script>
var today=new Date()//定义一个时间对象
var yy=today.getYear()
var mm=today.getMonth()+1
var dd=today.getDate()
var h=today.getHours()//定义小时
var m=today.getMinutes()//定义分钟
document.getElementById("years").options(yy-2007).selected=1
document.getElementById("months").options(mm-1).selected=1
document.getElementById("days").options(dd-1).selected=1
document.getElementById("hours").options(h).selected=1
document.getElementById("mins").options(m).selected=1
</script>
</body>
</html>

第二种方法:不需要事先写好年份,可扩展性比较好

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

第三种方法:不能用,但编程思路还可以,如果正式使用建议用第二种方法

复制代码 代码如下:

<html>
<head>
<title> New Document </title>
</head>
<body>
<script>
function setDay(obj){
obj = obj.form;
var years=parseInt(obj.years.options[obj.years.selectedIndex].value);
var months=parseInt(obj.months.options[obj.months.selectedIndex].value);
if(obj.years.selectedIndex==0 || obj.months.selectedIndex==0)return;
var lastday = monthday(years,months);
var itemnum = obj.days.length;
if (lastday - 1 < obj.days.selectedIndex)
{
obj.days.selectedIndex = lastday - 1;
}
obj.days.length = lastday;
for(cnt = itemnum + 1;cnt <= lastday;cnt++)
{
obj.days.options[cnt - 1].text = cnt;
}
}
function monthday(years,months)
{
var lastday = new Array(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);
if (((years % 4 == 0) && (years % 100 != 0)) || (years % 400 == 0))
{
lastday[1] = 29;
}
return lastday[months - 1];
}
function forto(ff,to)
{
document.write('<OPTION value=""></OPTION>');
for(var ii=ff; ii<=to; ii++)
document.write('<OPTION value="'+ii+'">'+ii+'</OPTION>');
}
function a()
{
alert(document.all("years").value+"年"+document.all("months").value+"月"+document.all("days").value+"日") ;
}
</script>
<FORM>
<SELECT name="years" onChange="setDay(this);">
<script>forto(1990,2030)</script>
</SELECT>年 
<SELECT name="months" onChange="setDay(this);">
<script>forto(1,12)</script>
</SELECT>月 
<SELECT name="days"></SELECT>日 
</form>
</body>
</html>

时间: 2024-09-20 08:39:03

javascript 下拉框显示当前日期_时间日期的相关文章

jsp 页面select下拉框显示list问题

问题描述 jsp 页面select下拉框显示list问题 在jsp页面中的select下拉框中显示list集合,如下:想显示一个默认的空选项如:--如何做?求赐教 解决方案 <select><option value="""">--</option><c:forEach ..... 解决方案二: 上边写一个option value="--" 解决方案三: opention value

javascript-求一个js判断是否存在子目录,有就弹出下拉框显示,没有不弹出

问题描述 求一个js判断是否存在子目录,有就弹出下拉框显示,没有不弹出 默认一个下拉框显示demo目录下的所有文件夹,点击下拉元素,如果这个下拉元素下面还有文件夹弹出一个新的下拉框(新的下拉框下面如果还有继续弹出下拉框),没有不弹出 解决方案 js本身不能访问文件系统.除非调用activex.http://www.jb51.net/article/7909.htm 解决方案二: 你是读客户端还是服务器端的?客户端的需要acx,楼上的已经说了 服务器端的你用ajax将路径发送回服务器进行读取是否有

下拉框 时间控件-如何实现当选择下拉框的值时初始化日期控件

问题描述 如何实现当选择下拉框的值时初始化日期控件 在页面上如何实现当选择下拉框的值时初始化日期控件的值.我想要在选择下拉框里面的值的时候,日期控件那个框里面的日期会被清除置空 解决方案 用javascript写个方法,当下拉框值改变时触发,然后修改日期控件的值 解决方案二: //<![CDATA[ var cal = Calendar.setup({ onSelect: function(cal) { cal.hide() }, showTime: true }); cal.manageFie

下拉框显示问题--显示乱码

问题描述 下拉框显示问题--显示乱码 请教一下各位大神: 如图所示:下拉框显示乱码,但是粘贴在文本中显示正常,是什么原因?有无解决办法(浏览器是IE) 解决方案 这个现象太复杂了,你要说的具体点 你说浏览器是IE,那你在其他浏览器就不是乱码了嘛? 乱码都是有编码格式不统一引起的,看看你后台传输的编码格式,前台页面设置的编码格式,tomcat中server.xml中设置编码格式没 解决方案二: 这个下拉框是原生html控件还是通过js写的显示效果,如果是模拟效果用ajax写的,请检查取值时候编码格

Javascript select下拉框操作常用方法_表单特效

复制代码 代码如下: function AddDropDownList(id,fatherCtl) { if(!document.getElementById(id)) { var ddl = document.createElement('select'); ddl.setAttribute("id",id); if(fatherCtl&&document.getElementById(fatherCtl)) document.getElementById(fathe

编辑信息javascript下拉框与单选框处理

javascript|单选框|下拉 下拉框的处理function smallfenlei(){for(var z=0;z<myform.smalllocation.length;z++){if (myform.smalllocation.options[z].value=="<%=rs("gq_small")%>"){myform.smalllocation.options[z].selected=true;}}} 单选框处理function ti

ASP.NET多彩下拉框开发实例_实用技巧

本文主要是演示如何读取系统颜色并在下拉框中的每个条目中显示对应的颜色,该源码主要展示以下内容:    1.如何获得System.Drawing.KnownColor颜色控件的列表枚举    2.如何排除系统环境颜色,如"Active Border"    3.如何分配颜色到下拉框的每个条目   代码详解:    命名下拉框为ddlMultiColor 来显示颜色名称及颜色,用<div>标签显示右侧矩形结果,Aspx代码如下 <table> <tr>

asp.net 实现下拉框只读功能_实用技巧

复制代码 代码如下: <HTML> <HEAD> <TITLE>下拉框模拟只读</TITLE> <script type="text/javascript"> //根据下拉框ID设置下拉框只读 function setReadOnly(obj_id){ var obj = document.getElementById(obj_id); obj.onmouseover = function(){ obj.setCapture(

javascript下拉框选项单击事件的例子分享_javascript技巧

我本人是从事前端开发的技术人员,下拉框是我们应用的比较多的页面元素,今天我结合实际工作中遇到的问题说一下关于下拉框注册事件的一些例子,希望对大家有所帮助. 复制代码 代码如下: <select name="" id="sel"> <option value="111">1</option> <option value="222">2</option> <opti