jquery-ui – 在Angular指令中使用多个Datepicker

我在angular指令中使用了多个datepicker,它给了我一个错误
未捕获此datepicker的缺失实例数据,因为如果我删除了一个li,那么它不会在指令中设置id.

directive.js

app.directive('datepicker',function () {
  return {
    link: function($scope,element,attrs) {
    setTimeout(function() {
            $("#"+attrs.id).live('focus',function(){
                console.log(attrs.id);
             });
     });
   }
}

的index.html

<tr ng-repeat="payment in invoice.payment" id="payment">
    <td>
        <input class="payment_date" id="{{$index}}" placeholder="Payment Date" type="text" ng-model="payment.date" datepicker/>
        <br />
    </td>
</tr>

如何在directive.js中设置ID？

app.directive('datepicker',attrs) {
      element.bind('focus',function (){
        console.log(attrs.id);
      });
    }
  };
});