Kendo 日期控件

Posted 无懈可击

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Kendo 日期控件相关的知识,希望对你有一定的参考价值。

 

起始日期<input id="start"> 结束日期<input id="end">

 

<input id="datepicker" style="width:150px;" />
<script type="text/javascript">
$(document).ready(function () {
$("#datepicker").kendoDatePicker({ format: "yyyy-MM-dd" });//

});

$(document).ready(function () {
function startChange() {
var startDate = start.value(),
endDate = end.value();

if (startDate) {
startDate = new Date(startDate);
startDate.setDate(startDate.getDate());
end.min(startDate);
} else if (endDate) {
start.max(new Date(endDate));
} else {
endDate = new Date();
start.max(endDate);
end.min(endDate);
}
}

function endChange() {
var endDate = end.value(),
startDate = start.value();

if (endDate) {
endDate = new Date(endDate);
endDate.setDate(endDate.getDate());
start.max(endDate);
} else if (startDate) {
end.min(new Date(startDate));
} else {
endDate = new Date();
start.max(endDate);
end.min(endDate);
}
}

var today = kendo.date.today();

var start = $("#start").kendoDateTimePicker({
value: today,
change: startChange,
parseFormats: ["MM/dd/yyyy"]
}).data("kendoDateTimePicker");

var end = $("#end").kendoDateTimePicker({
value: today,
change: endChange,
parseFormats: ["MM/dd/yyyy"]
}).data("kendoDateTimePicker");

start.max(end.value());
end.min(start.value());
});


</script>

以上是关于Kendo 日期控件的主要内容,如果未能解决你的问题,请参考以下文章

[技术分享]20171127_Kendo UI _ datePicker日期控件只能选择,不能手动输入如何实现?

Knockout 绑定到 Kendo 控件

Kendo Scheduler DatePicker 事件

带有 JQuery 验证的 Kendo DatePickerFor

Kendo UI Scheduler - MVVM 设置日期

Telerik Kendo UI ASP.NET MVC Grid - 已保存数据项的事件处理