`

下拉列表，动态初始化前天日期

htmljavascriptjquery 
阅读更多
此段代码效果为：在首次访问该页面的时候，下拉列表，自动选中前天的日期，年，月，日。 
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="jquery-1.3.2.js" ></script>
<title>Timer</title>
<script type="text/javascript">
	$(document).ready(function(){
		var d = new Date();
		d.setDate(d.getDate()-2);  //前天的日期
		var yyyy = d.getYear(); 
		var mm = d.getMonth()+1;  //0-11月，0代表1月
		var dd = d.getDate(); 
		$("#YYYY").val(yyyy);
		$("#MM").val(mm);
		$("#DD").val(dd);
		});
</script>
</head>

<body>
     <select style="width: 55px;" id="YYYY" > 
              <option value="2012">2012</option> 
              <option value="2011">2011</option> 
              <option value="2010">2010</option> 
              <option value="2009">2009</option> 
              <option value="2008">2008</option> 
     </select>
      <select style="width: 43px;" id="MM"> 
              <option value="1">01</option>
              <option value="2">02</option> 
              <option value="3">03</option> 
              <option value="4">04</option> 
              <option value="5">05</option> 
              <option value="6">06</option> 
              <option value="7">07</option> 
              <option value="8">08</option> 
              <option value="9">09</option> 
              <option value="10">10</option> 
              <option value="11">11</option> 
              <option value="12">12</option> 
      </select>
       <select style="width:43px;" id="DD">
              <option value="1">01</option>
              <option value="2">02</option>
              <option value="3">03</option>
              <option value="4">04</option>
              <option value="5">05</option>
              <option value="6">06</option>
              <option value="7">07</option>
              <option value="8">08</option>
              <option value="9">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>
</body>
</html>
0
顶
0
踩
分享到：
| myeclipse安装svn插件的多种方式
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics