Asp.net Ajax Calendar控件用法

时间:2021-10-22 18:10:25

日期选择控件,很多地方都有用到吧,实现方式也是多了去了,笔者曾经写过一个蹩脚的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" />

 

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

.MyCalendar .ajax__calendar_container
{
border
: 1px solid #646464 ;
background-color
: Maroon ;
color
: red ;
}

这样运行的时候,你会发现,丫的居然是英语的,没有咱们汉语,这让我们情何以堪呀!怎么办呢?当然有解决办法,并且很轻松的实现。不卖关子了,其实只需要设置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

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