我可以使用Angularjs指令将datepicker添加到HTML元素吗？

Question

我正在尝试通过Angularjs指令添加日期选择器，同时传递如下所示的元素，但它不起作用，但是如果我指定了元素ID，则可以正常工作：

HTML：

<input id="startdate" type="text" ng-model="i.itinerary.DapartDate" date-from />

app.js：

不起作用：

travelApp.directive('dateFrom', function () {
    return function (scope, element, attrs) {

        element.datepicker({ minDate: currentTime });
        element.change(function () {
            currentTime = element.val();
        });

    }
})

工作

travelApp.directive('dateFrom', function () {
    return function (scope, element, attrs) {

        $("startdate").datepicker({ minDate: currentTime });
        $("startdate").change(function () {
            currentTime = $("#startdate").val();
        });

    }
})

不幸的是，我不能使用控件id，因为我的行程列表中有一个开始日期和结束日期的数组，因此我需要将此函数绑定到行程数组中每个新创建的date元素。 请指教。

Answer 1

在您的非工作示例中，您尝试在element本身上调用.datepicker ，您需要首先使其成为jQuery对象！

$(element).datepicker({ minDate: currentTime });
$(element).change(function () {
    currentTime = element.val();
});