今天介绍的是微软提供的ajax calendar控件。这个控件使用了ajax的效果,并通过前台js和style设置事件和效果。功能丰富、样式自有,实为网站设计、mis开发之必备控件。
按照惯例,现在该贴代码了:
<asp教程:textbox runat="server" id="txtcalendar" width="150" />
<ajaxtoolkit:calendarextender runat="server" targetcontrolid="txtcalendar" css教程class="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
web 控件标准属性
accesskey, attributes, backcolor, bordercolor, borderstyle, borderwidth,
cssclass, enabled, font, enabletheming, forecolor, height, isenabled,
skinid, style, tabindex, tooltip, width如需完整描述,请访问 web 控件标准属性。
控件标www.3ppt.com准属性
apprelativetemplatesourcedirectory, bindingcontainer, clientid, controls,
enabletheming, enableviewstate, id, namingcontainer, page, parent, site,
templatecontrol, templatesourcedirectory, uniqueid, visible如需完整描述,请访问控件标准属性。
属性
caption | 日历的标题。 | 2.0 |
captionalign | 日历标题文本的对齐方式。 | 2.0 |
cellpadding | 单元格边框与内容之间的空白,以像素计。 | 1.0 |
cellspacing | 单元格之间的空白,以像素计。 | 1.0 |
dayheaderstyle | 显示一周中某天的名称的样式。 | 1.0 |
daynameformat | 显示周中各天的名称格式。 | 1.0 |
daystyle | 显示日期的样式。 | 1.0 |
firstdayofweek | 哪天是周的第一天。 | 1.0 |
nextmonthtext | 显示下一月链接的文本。 | 1.0 |
nextprevformat | 下一月和上一月链接的格式。 | 1.0 |
nextprevstyle | 显示下一月和上一月链接的样式。 | 1.0 |
othermonthdaystyle | 显示不在当前月中的日期的样式。 | 1.0 |
prevmonthtext | 显示上一月链接的文本。 | 1.0 |
runat | 规定该控件是服务器控件。必须设置为 "server"。 | 1.0 |
selecteddate | 选定的日期。 | 1.0 |
selecteddates | 选定的日期。 | 1.0 |
selecteddaystyle | 选定日期的样式。 | 1.0 |
selectionmode | 允许用户如何选择日期。 | 1.0 |
selectmonthtext | 显示为月份选择链接的文本。 | 1.0 |
selectorstyle | 月份和周的选择链接的样式。 | 1.0 |
selectweektext | 显示为周的选择链接的文本。 | 1.0 |
showdayheader | 布尔值,该值指示是否显示一周中各天的标头。 | 1.0 |
showgridlines | 布尔值,规定是否显示日期之间的网格线。 | 1.0 |
shownextprevmonth | 布尔值,规定是否显示下一月和上一月链接。 | 1.0 |
showtitle | 布尔值,规定是否现实日期的标题。 | 1.0 |
titleformat | 日期标题的格式。 | 1.0 |
titlestyle | 日期标题的样式。 | 1.0 |
todaydaystyle | 当天的日期的样式。 | 1.0 |
todaysdate | 获取或设置今天的日期的值。 | 1.0 |
useaccessibleheader | 规定是否使用 <th> 来代替 <td> 元素用于日的头部。 | 2.0 |
visibledate | 获取或设置指定要在 calendar 控件上显示的月份的日期。 | 1.0 |
weekenddaystyle | 周末的样式。 | 1.0 |
ondayrender | 当每一天的单元格被创建时,所执行的函数的名称。 | |
onselectionchanged | 当用户选择天、周或月时 ,所执行的函数的名称。 | |
onvisiblemonthchanged | 当用户导航到不同的月时,所执行的函数的名称。 |