注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

飞天心宏的博客

依稀旧梦似曾见,相逢只恨缘太迟

 
 
 

日志

 
 
关于我

出身数学,爱好文学,从事软件开发工作。一个阳光、幽默、热爱生活的男孩子,在追求理想的路上风雨无阻,勇往直前,崇尚“梦想有多远,我们就走多远”!

网易考拉推荐

Ajax控件之Calendar  

2008-07-30 21:53:00|  分类: Ajax Toolkit |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

Calendar控件是一个很简单的控件,主要用来在页面中提供日历的选择,其实现在已经有很多用javascript写的日历控件的,但是Canlendar日历控件能够让我们更快速地来实现这种效果,只需要进行一些简单的设置即可。

在使用Ajax中的Calendar时,可以很简单实现你点击一下就能选择日期了。   

我们这里要实现三中不同的形式:

1、单击TextBox出现日期可供选择

2、单击日历图标(就是一个图片)出现日期 可供选择而不是单击TextBox

3、单击TextBox出现日期可供选择,只是我们把默认的日历样式改一下

我们先看看效果图:

 常用属性:

     TargetControlID:用来显示选择日期的控件,改控件必需为TextBox   

     CssClass:设置日历的样式   

     Format:显示日期的格式

    PopupButtID:如果不用TextBox激活,可用此属性指定其他激活日历控件

代码清单:

 <div class="style1">
    <div>   
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>   
    </div>
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        <cc1:CalendarExtender ID="CalendarExtender1" runat="server"
            TargetControlID="TextBox1" Format="yyyy-MM-dd">
        </cc1:CalendarExtender>
        <br />
        <asp:TextBox ID="TextBox2" runat="server" Height="20px" Width="102px"></asp:TextBox>
        <asp:Image ID="Image1" runat="server" ImageUrl="~/images/Calendar.png" />
        <cc1:CalendarExtender ID="CalendarExtender2" runat="server"
            PopupButtonID="Image1" TargetControlID="TextBox2">
        </cc1:CalendarExtender>
        <br />
        <br />
        <asp:TextBox ID="TextBox3" runat="server"></asp:TextBox>
        <cc1:CalendarExtender ID="CalendarExtender3" runat="server"
            TargetControlID="TextBox3" CssClass="MyCalendar">
        </cc1:CalendarExtender>
    </div>
    </form>

这个Calendar控件不用写代码算是使用非常简单的了,但是作用却很大,也很常用!

 

  评论这张
 
阅读(708)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017