日期选择控件,很多地方都有用到吧,实现方式也是多了去了,笔者曾经写过一个蹩脚的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
用法介绍完毕,大家继续研究!
本文转自齐师傅博客园博客,原文链接:http://www.cnblogs.com/youring2/archive/2011/04/23/2025979.html,如需转载请自行联系原作者