我可以使用 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，因为我的行程列表中有一个开始日期和结束日期数组，所以我需要将此函数绑定到行程数组中每个新创建的日期元素。请指教。

Answer 1

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

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