今天介绍的是微软提供的ajax calendar控件。这个控件使用了ajax的效果,并通过前台js和style设置事件和效果。功能丰富、样式自有,实为网站设计、mis开发之必备控件。
按照惯例,现在该贴代码了:
<asp教程:textbox runat="server" />
<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 控件标准属性。
控件标准属性
apprelativetemplatesourcedirectory, bindingcontainer, clientid, controls,
enabletheming, enableviewstate, id, namingcontainer, page, parent, site,
templatecontrol, templatesourcedirectory, uniqueid, visible如需完整描述,请访问控件标准属性。
属性 属性 描述 .net
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 当用户导航到不同的月时,所执行的函数的名称。
您可能感兴趣的文章: