小山兄的下拉日期控件

最新推荐文章于 2016-09-13 01:45:51 发布

Love1221

最新推荐文章于 2016-09-13 01:45:51 发布

阅读量521

点赞数

分类专栏： ASP.NET技术文章标签： javascript textbox stylesheet button webform server

ASP.NET技术专栏收录该内容

60 篇文章 0 订阅

订阅专栏

原贴转自小山的博客:下拉日期控件

在这里,本人只改了一个地方:就是将 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>
                        
                        <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">
                        
                    </td>
                </tr>
            </table>
        </form>
    </body>
</HTML>

Love1221

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
小山兄的下拉日期控件

原贴转自小山的博客:下拉日期控件在这里,本人只改了一个地方:就是将 Button 里的OnClick=showCalendar(txtDATE,0) 移到 TextBox 里,并将其改为:onFocus=javascript:showCalendar(this,0); 就可以;这样就不必点击按钮了.直接点击 TextBox 就能弹出日历了.如图:代码下载:http://
复制链接

扫一扫

专栏目录