服务器之家:专注于服务器技术及软件下载分享
分类导航

PHP教程|ASP.NET教程|JAVA教程|ASP教程|

服务器之家 - 编程语言 - ASP.NET教程 - asp.net中日历函数Calendar的使用方法

asp.net中日历函数Calendar的使用方法

2019-09-16 11:21asp.net教程网 ASP.NET教程

calendar 控件用于在浏览器中显示日历,该控件可显示某个月的日历,允许用户选择日期,也可以跳到前一个或下一个月

今天介绍的是微软提供的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如需完整描述,请访问控件标准属性。 

属性

属性

描述

.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

当用户导航到不同的月时,所执行的函数的名称。

 

延伸 · 阅读

精彩推荐