2017-02-21 82 views
0

我有一个Kendo日历两个事件onchange和点击。 onchange事件我可以获取选定日期的值。但我也需要获取用户点击选定日期的日期。如何从Kendo日历的点击事件中检索日期?

<script async src="//jsfiddle.net/Q6ust/96/embed/"></script> 

http://jsfiddle.net/Q6ust/96/ 
+0

@SeanCh,谢谢你的回复。 (“click”,“td.k-state-selected”,function(e){ alert(“Clicked”);) 这是我的活动。当用户点击突出显示/选定的日期时,它会触发。我需要在这里捕捉日期。 希望它现在更清晰。 –

+0

我的英语不太流利。抱歉。 :( 如果你有几秒钟,并检查小提琴,你会明白我想说什么。感谢您的时间 –

+0

对不起,延迟响应。它的工作。谢谢, –

回答

0

工作演示链接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>