Chinaunix首页 | 论坛 | 博客
  • 博客访问: 72417
  • 博文数量: 40
  • 博客积分: 0
  • 博客等级: 民兵
  • 技术积分: 368
  • 用 户 组: 普通用户
  • 注册时间: 2013-03-12 16:17
文章分类

全部博文(40)

文章存档

2013年(40)

我的朋友

分类: Java

2013-10-14 11:52:58

 包含数百个创建HTML5 web app的必备元素,包括UI组件、数据源、验证、一个MVVM框架、主题、模板等。本文来看看如何配置Kendo UI Calendar。

1、创建新的操作方法来显示视图:

[javascript] view plaincopy
  1. public ActionResult Index()  
  2. {  
  3.     return View();  
  4. }  

 

2、添加日历

WebForms

[javascript] view plaincopy
  1. <%: Html.Kendo().Calendar()  
  2.     .Name("calendar"//The name of the calendar is mandatory. It specifies the "id" attribute of the widget.  
  3.     .Min(new DateTime(2010, 1, 1, 10, 0, 0)) //Set min time of the calendar  
  4.     .Max(new DateTime(2010, 1, 1, 20, 0, 0)) //Set min date of the calendar  
  5.     .Value(DateTime.Now) //Set the value of the calendar  
  6. %>  

 

Razor

[javascript] view plaincopy
  1. @(Html.Kendo().Calendar()  
  2.     .Name("calendar"//The name of the calendar is mandatory. It specifies the "id" attribute of the widget.  
  3.     .Min(new DateTime(2010, 1, 1, 10, 0, 0)) //Set min time of the calendar  
  4.     .Max(new DateTime(2010, 1, 1, 20, 0, 0)) //Set min date of the calendar  
  5.     .Value(DateTime.Now) //Set the value of the calendar  
  6. )  


访问Existing Calendar

通过jQuery.data()引用一个现有日历实例,一旦建议了引用,就可以使用API来控制它的行为。

访问现有日历实例

>>>

处理Kendo UI Calendar事件

通过Kendo UI Calendar可以订阅所有的事件。

>>>

>>>
阅读(622) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~