如何在基础控制器中初始化datepickers？

Question

我试图避免在我的应用程序的每个控制器中初始化datepickers。我想有一个中心位置，我初始化我的日期选择器。

我试着在我的基础控制器中初始化datepickers，但它不起作用 - 我猜测DOM不是在那个时候渲染的。

这段代码应该放在哪里？

我也尝试（在碱CTRL）

angular.element(document).ready(function() { 

    $('.date-picker').datepicker({ 
     autoclose: true, 
     format: "yyyy-mm-dd", 
     setDate: new Date(), 
    }); 

}); 

但无济于事。

Answer 1

您可以将datePicker指令您的日期选择器的元素：

app.directive("datePickerInit", [function() { 
    return { 
     restrict: "A", 
     link: function(scope, elem, attrs) { 
      $(elem).datepicker({ 
       autoclose: true, 
       format: "yyyy-mm-dd", 
       setDate: new Date(), 
      }); 
     } 
    } 
}]); 

然后，只需连接：

<input type="date" date-picker-init />