Asp.net Ajax Calendar控件用法


日期选择控件,很多地方都有用到吧,实现方式也是多了去了,笔者曾经写过一个蹩脚的js日期控件,由于太蹩脚,所以就贴代码了。今天介绍的是微软提供的Ajax Calendar控件。这个控件使用了Ajax的效果,并通过前台js和style设置事件和效果。功能丰富、样式自有,实为网站设计、MIS开发之必备控件。

按照惯例,现在该贴代码了:

<asp:TextBox runat="server" ID="txtCalendar" Width="150"/>
<ajaxToolkit:CalendarExtender runat="server" TargetControlID="txtCalendar" CssClass="MyCalendar"
Format
="yyyy-MM-dd"/>

 

由于设置了样式,所以这里也把代码贴出来吧,只是写一个简单的样式:

Asp.net Ajax Calendar控件用法
.MyCalendar .ajax__calendar_container
{
border
: 1px solid #646464;
background-color
: Maroon;
color
: red;
}
Asp.net Ajax Calendar控件用法

这样运行的时候,你会发现,丫的居然是英语的,没有咱们汉语,这让我们情何以堪呀!怎么办呢?当然有解决办法,并且很轻松的实现。不卖关子了,其实只需要设置EnableScriptGlobalization 和 EnableScriptLocalization 为true就可以了。

接下来的说说属性吧,TargetControlID不说了,Format就是设置显示的样式,和C#中日期格式Format是一样的。PopupButtonID是点击的弹出的按钮控件ID。

样式有很多:

.ajax__calendar_container 

.ajax__calendar_header 

.ajax__calendar_prev 

.ajax__calendar_title 

…………很多很多,大家可以看这个网址:http://www.asp.net/ajax/ajaxcontroltoolkit/Samples/Calendar/Calendar.aspx

用法介绍完毕,大家继续研究!




本文转自齐师傅博客园博客,原文链接:http://www.cnblogs.com/youring2/archive/2011/04/23/2025979.html,如需转载请自行联系原作者

上一篇:Ajax 对象创建 兼容各个浏览器 通用方法getHTTPObject.js


下一篇:扩展jQuery的方法统一处理AJAX调用过程中产生的异常错误信息