如何从 Kendo 日历的点击事件中检索日期?
How can I retrieve date from click event of Kendo Calendar?
我有一个 Kendo 日历,其中包含两个事件 onchange 和 click。 onchange 事件我可以获得所选日期的值。但我也需要获取用户点击所选日期时的日期。
<script async src="//jsfiddle.net/Q6ust/96/embed/"></script>
http://jsfiddle.net/Q6ust/96/
工作演示 link dojo sample.
请在下面找到代码的工作副本。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled</title>
<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2017.1.118/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2017.1.118/styles/kendo.rtl.min.css">
<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2017.1.118/styles/kendo.default.min.css">
<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2017.1.118/styles/kendo.mobile.all.min.css">
<script src="http://code.jquery.com/jquery-1.12.3.min.js"></script>
<script src="http://kendo.cdn.telerik.com/2017.1.118/js/angular.min.js"></script>
<script src="http://kendo.cdn.telerik.com/2017.1.118/js/jszip.min.js"></script>
<script src="http://kendo.cdn.telerik.com/2017.1.118/js/kendo.all.min.js"></script></head>
<body>
<h4>Pick a date</h4>
<div id="calendar"></div>
</div>
<div class="box" style="text-align: center;">
<h4>Events log</h4>
<div class="console"></div>
</div>
<script>
function onChange() {
// console.log("Change :: " + kendo.toString(this.value(), 'd'));
}
function onNavigate() {
// console.log("Navigate");
}
$("#calendar").kendoCalendar({
change: onChange,
navigate: onNavigate
});
$( "#calendar" ).click(function() {
var d = $("#calendar").data("kendoCalendar").value();
console.log(d);
});
</script>
</body>
</html>
我有一个 Kendo 日历,其中包含两个事件 onchange 和 click。 onchange 事件我可以获得所选日期的值。但我也需要获取用户点击所选日期时的日期。
<script async src="//jsfiddle.net/Q6ust/96/embed/"></script>
http://jsfiddle.net/Q6ust/96/
工作演示 link dojo sample.
请在下面找到代码的工作副本。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled</title>
<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2017.1.118/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2017.1.118/styles/kendo.rtl.min.css">
<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2017.1.118/styles/kendo.default.min.css">
<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2017.1.118/styles/kendo.mobile.all.min.css">
<script src="http://code.jquery.com/jquery-1.12.3.min.js"></script>
<script src="http://kendo.cdn.telerik.com/2017.1.118/js/angular.min.js"></script>
<script src="http://kendo.cdn.telerik.com/2017.1.118/js/jszip.min.js"></script>
<script src="http://kendo.cdn.telerik.com/2017.1.118/js/kendo.all.min.js"></script></head>
<body>
<h4>Pick a date</h4>
<div id="calendar"></div>
</div>
<div class="box" style="text-align: center;">
<h4>Events log</h4>
<div class="console"></div>
</div>
<script>
function onChange() {
// console.log("Change :: " + kendo.toString(this.value(), 'd'));
}
function onNavigate() {
// console.log("Navigate");
}
$("#calendar").kendoCalendar({
change: onChange,
navigate: onNavigate
});
$( "#calendar" ).click(function() {
var d = $("#calendar").data("kendoCalendar").value();
console.log(d);
});
</script>
</body>
</html>