2017-02-21 6 views
0

私は2つのイベントonchangeをクリックしてクリックする剣道カレンダーを持っています。 onchangeイベント選択した日付の値を取得できます。しかし、ユーザーが選択した日付をクリックしたときに、その日付を取得する必要があります。剣道カレンダーのクリックイベントから日付を取得する方法は?

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

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

@SeanCh、ご返信ありがとうございます。 $( "#カレンダー")。オン( "クリック"、 "t-状態選択"、機能(e){ アラート( "クリック"); }); ここは私のイベントです。ユーザが強調表示された/選択された日付をクリックすると、それは発砲している。私はここに日付をキャプチャする必要があります。 今よりもっと明確になることを願っています。 –

+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> 
関連する問題