Щелкните событие для значка выбора даты

Я хочу открыть средство выбора даты, когда я нажимаю значок календаря.

Значок календаря находится внутри этого шаблона (в теге i):

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

Могу ли я добавить событие onclick внутри этого html-шаблона или мне нужно создать функцию?

Код для запуска datepicker:

('.datepicker').datepicker()

Проблема в том, что я не могу просто сказать:

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

потому что я хочу, чтобы событие щелчка было только на значке календаря, который находится внутри iconTemplate.

** ИЗМЕНИТЬ **

Я попробовал приведенный ниже код, но думаю, что это не сработало, потому что я на самом деле не ссылаюсь на класс fa-calandar в html - единственный раз, когда он появляется в файле js, хранящемся внутри var iconTemplate. Нужно ли мне ссылаться на класс из html-файла, чтобы использовать функцию щелчка?

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

person user3000731    schedule 17.07.2014    source источник


Ответы (1)


измените это:

('.datepicker').datepicker()

к этому:

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

Вы можете добавить событие щелчка так:

$('.fa-calendar').click(function(){
  $(this).datepicker();
});
person David Stetler    schedule 17.07.2014
comment
Спасибо, а как добавить в клик? - person user3000731; 17.07.2014