点击日期选择器图标的事件

Question

当我点击日历图标时，我想打开日期选择器。

日历图标位于此模板内（在i标记中）：

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

我可以在此html模板中添加onclick事件，还是需要创建函数？

触发datepicker的代码是：

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