原贴转自小山的博客:下拉日期控件
在这里,本人只改了一个地方:就是将 Button 里的OnClick='showCalendar(txtDATE,0)' 移到 TextBox 里,并将其改为:onFocus='javascript:showCalendar(this,0);' 就可以;这样就不必点击按钮了.直接点击 TextBox 就能弹出日历了.
如图:
代码下载:http://dl2.csdn.net/down3/20070627/27084656914.rar
<HTML>
<HEAD> <title>WebForm1</title> <LINK HREF="Calendar.css" TYPE="text/css" REL="stylesheet"> <script language="javascript" src="Calendar.js"></script> </HEAD> <body> <form id="Form1" method="post" runat="server"> <table cellSpacing="1" cellPadding="1" width="936" border="0" height="29" style="LEFT: 10px; POSITION: absolute; TOP: 15px"> <tr> <td> <!--日期实例化--begin--> <asp:TextBox id="txtDATE" runat="server" onchange='javascript:gChangeDate(this,0);' onblur='javascript:gChangeDate(this,0);' onFocus='javascript:showCalendar(this,0);'></asp:TextBox> <INPUT TYPE="button" value='
' NAME='bntDATE' OnClick='showCalendar(txtDATE,0)' class="button"> <!--end--> </td> </tr> </table> </form> </body></HTML>