日期选择控件,很多地方都有用到吧,实现方式也是多了去了,笔者曾经写过一个蹩脚的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" />
<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;
}
{
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
用法介绍完毕,大家继续研究!