html引入kendo日期控件,kendo ui 日期插件：kendoDatePicker详解

项目中引入了kendoUI，为了保持风格一致，项目中引入的组件，尽量优先使用kendoUI中已有的，避免引入更多的第三方库文件，不利于日后的管理和维护。

kendoUI2018最新版库文件中的日期插件，支持多选。

需要按着CTRL键，这样用户选时间的时候，可选多天(可连续也可不连续)。

更多详情可百度kendoUI官方文档，在这里，因项目使用的是老版本的kendo，为避免不必要的麻烦，暂时不更新，这里也就不过多详述。

暂已老版为例介绍，初次使用kendoDatePicker，还是记录一下，以备后用。

1.使用前，请先引入必要的库文件。

我这里就不写了，注意修改路径。

在html文件中，放置容器，用于初始化日期插件，建议使用input标签。

*

进场日期：

起始日期：

结束日期：

3.在相应的controller.js文件中初始化

// 最小日期 从填表开始，未超过12点，第二个工作日；否则第三个工作日

var currentDate = new Date();

var currentHour = currentDate.getHours();

var currentTimeStamp = currentDate.getTime();

if(currentHour >= 12){

currentTimeStamp+=86400000*2;//时间戳 往后推两天，毫秒

}else{

currentTimeStamp+=86400000;//时间戳 往后推一天，毫秒

}

var minDate = new Date(currentTimeStamp);

// change事件

function onChange(){

console.log("change-------->");

}

// 进场日期 起始日期、结束日期初始化 配置

$("#datepickerStar").kendoDatePicker({

// value: new Date(),//设置初始化默认选中的日期，

1.