Asp.net Ajax Calendar控件用法

日期选择控件，很多地方都有用到吧，实现方式也是多了去了，笔者曾经写过一个蹩脚的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" 
  /> 
 

 

由于设置了样式，所以这里也把代码贴出来吧，只是写一个简单的样式：

 
   .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 

…………很多很多，大家可以看这个网址：http://www.asp.net/ajax/ajaxcontroltoolkit/Samples/Calendar/Calendar.aspx

用法介绍完毕，大家继续研究！