html记事本日期选择框,kendoUI系列教程之datepicker日期选择

因datepicker是建立在Calendar基础上的，所以配置与方法几乎一样，使用例子：

$(document).ready(function() {

$("#datepicker").kendoDatePicker();//默认配置

$("#monthpicker").kendoDatePicker({

start: "year",//开始视图

depth: "year",//设置最小视图，也就是选择值时的视图

format: "MMMM yyyy"//格式化返回值的格式

});

});

Configuration配置项

1、动画 animation

类型：Object

说明：配置打开或者关闭下拉日期控件的特效。如果设值为false，打开或者关闭列表时将无动画。

//关闭动画示例

$("#datepicker").kendoDatepicker({

animation: false

});

//指定打开与关闭时的动画效果

$("#datepicker").kendoDatepicker({

animation: {

close: {

effects: "fadeOut zoom:out",//关闭时动画特效类型，多个特效用空格隔开。

duration: 300 //关闭时动画持续的时间，单位是毫秒。

},

open: {

effects: "fadeIn zoom:in",

duration: 300

}

}

});

2、aria-label值模板 ARIATemplate

类型：String

默认："Current focused date is #=kendo.toString(data.current, 'D')#"

说明：配置输入框aria-label返回值。data-* 这些自定义数据属性允许您创建属性来与在您自己的网站上运行的脚本共享数据。它们还未被一般软件使用或采纳。您可以指定任意多个自定义数据属性。

$("#datepicker").kendoDatePicker({

ARIATemplate: