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”——它唯一出现在 js 文件中，存储在var 图标模板。我是否需要从 html 文件中引用一个类才能使用点击功能？

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

Answer 1

改变这个：

('.datepicker').datepicker()

对此：

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

您可以像这样添加点击事件：

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