javascript - 日付ピッカー アイコンのイベントをクリックします

Question

カレンダー アイコンをクリックしたときに日付ピッカーを開きたい。

カレンダー アイコンは、このテンプレート内 (i タグ内) にあります。

     var iconTemplate = '<li id=\"{streamID}\" class=\"list\">{streamName} <i class="fa fa-calendar pull-right"></i></li>';

この HTML テンプレート内に onclick イベントを追加できますか、それとも関数を作成する必要がありますか?

日付ピッカーをトリガーするコードは次のとおりです。

('.datepicker').datepicker()

問題は、私がただ言うことができないということです：

iconTemplate.onclick=function(){ ('.datepicker').datepicker()};

クリック イベントは、iconTemplate 内にあるカレンダー アイコンにのみ発生させたいためです。

**編集**

以下のコードを試してみましたが、html でクラス「fa-calandar」を実際に参照していないため、うまくいかなかったと考えています。 var iconTemplate. クリック機能を使用するには、html ファイルからクラスを参照する必要がありますか?

    $('.fa-calendar').click(function(){
      $(this).datepicker();
    });

Answer 1

これを変える：

('.datepicker').datepicker()

これに：

('.fa-calendar').datepicker()

次のようにクリックイベントを追加できます。

$('.fa-calendar').click(function(){
  $(this).datepicker();
});