如何从 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>