Javascript 如何在每个待办事项附近添加日历小部件

我尝试使用ember js构建一个todo应用程序，并成功地完成了它，还添加了一个公共日历。现在我尝试为每个todo添加一个截止日期，但没有得到它

我的html代码是

---

到底什么不起作用？提供一个小提琴链接。。这将有助于提供更快的解决方案。您不能在页面中重复ID。它们是独一无二的definition@bowdzone每当我创建一个新的待办事项时，新的日历小部件就会出现，但它只出现在顶部？？我希望小部件显示在每个窗口附近todo@charlietfl.. 问题出在你的身份证上。如何为每个待办事项日历进行渲染。请帮帮我

{{#each todo in model itemController="todo"}}
<li> <p align="right">  Date: <input type="text" id="datepicker"></p></li> 
{{/each}}

didInsertElement: function() {
        this.$( "#datepicker" ).datepicker(); });

Am very New to ember js,jquery. so kindly tell me where am I doing wrong.!