javascript - 我可以使用 Angularjs 指令将日期选择器添加到 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();
        });

    }
})

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

Answer 1

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

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