Question

我正在将现有网站迁移到AngularJS，而我在使用Boostraps的日期选择器方面遇到了麻烦。

HTML：

<div id="calendar" class="pull-right"></div>

JS：

$('#calendar').on('changeDate', function(event) {
    window.location.href = '/appointments?date=' + event.format();
});

我已经尝试过写这样的指令，但它没有用。

HTML

<div id="calendar" class="pull-right" datepicker></div>

JS：

.directive('datepicker', function() {
    return {
        restrict: 'A',
        link: function(scope, element, attrs) {
            element.datepicker({
                onChangeDate: function() {
                  ...
                }
            });
        }
    };
})

有什么想法吗？

Answer 1

将jquery包含到您的项目中

.directive('datepicker', function() {
    return {
        restrict: 'A',
        link: function(scope, element, attrs) {
            $(element).datepicker({
                onChangeDate: function() {
                  ...
                }
            });
        }
    };
})

Answer 2

this post的答案之一对我有用。

app.directive('datetimez', function() {
return {
    restrict: 'A',
    link: function(scope, element, attrs) {
      element.datetimepicker({
      ...
      }).on('changeDate', function(e) {
        ...
      });
    }
};

}）;

AngularJS日历指令

2 个答案: