2017-02-21 87 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>