javascript - Angular 指令和带有图标的dhtmlxcalendar

我将FCKTAG转换为INPUT并附加了dhtmlxcalendar。有用。
指令也可以正常工作。
但是我需要将日历附加到带有图标Initialization of dhtmlxCalendar Doc的输入中

Initialization of dhtmlxCalendar Doc：我必须输入

<span><img id="calendar_icon" src="path.gif" border="0"></span>

在角度指令中

template: '<input type="text" ng-model="g" ></input>' +
 '<span><img src="http://clans.worldoftanks.ru/media/' +
 'clans/emblems/cl_582/2582/emblem_24x24.png" border="0"></span>',

错了我需要一个根标签。我选择DIV：

template: '<div>' +
  '<input type="text" ng-model="g" ></input>' +
  <span><img src="http://clans.worldoftanks.ru/media/' +
    'clans/emblems/cl_582/2582/emblem_24x24.png" border="0"></span>' +
 '</div>',

Ann ...日历未加载。
我不知道为什么。

plunker without an icon

plunker with an icon DOESN'T WORK

最佳答案

在链接函数中，您将使用element [0]获取输入元素。将所有内容包装在div标签中后，它就不再是element [0]。尝试替换以下代码。

 var input = element.find('input')[0];
 if (myCalendar == null) {
     myCalendar = new dhtmlXCalendarObject(input);
 } else {
     myCalendar.attachObj({input:input, button: input});
 }

updated plunker