如何在基本控制器中初始化datepickers?

时间:2014-09-10 13:59:49

标签: angularjs

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

我尝试在我的基本控制器中初始化日期选择器,但它不起作用 - 我猜测在那时还没有渲染DOM。

这段代码应该放在哪里?

我也试过(在基本ctrl中)

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

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

});

但无济于事。

1 个答案:

答案 0 :(得分:2)

您可以将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 />