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

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