單擊事件的日期選擇器圖標

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()};

因為我只希望click事件位於iconTemplate內的日歷圖標上。

**編輯**

我嘗試了下面的代碼，但我認為它沒有用，因為我實際上沒有在html中引用“ fa-calandar”類-出現的唯一時間是在js文件中，該文件存儲在var iconTemplate。 我是否需要引用html文件中的類才能使用click函數？

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

Answer 1

改變這個：

('.datepicker').datepicker()

對此：

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

您可以像這樣添加點擊事件：

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