angularjs - Angular - ui-bootstrap - datepicker - 有没有办法检测月份何时发生变化？

Question

我想在更改日期时将日期设置为当前选定月份的 1 号。

有没有办法不监视月份按钮上的点击事件？

蒂亚
山姆

Answer 1

Datepicker 的范围有一个属性“activeDateId”，您可以查看它。当您切换月份时，它会发生变化。

我认为最好的方法是在 datepicker 指令上创建一个“装饰器”，以便您可以为其添加功能。如果覆盖指令的“编译”函数，则可以访问其作用域。

您可以在 module.config 函数中执行此操作:

$provide.decorator('datepickerDirective', function($delegate) {
    var directive = $delegate[0];

    /* Override compile */
    var link = directive.link;

    directive.compile = function() {
        return function(scope, element, attrs, ctrl) {
            link.apply(this, arguments);

            scope.$watch('activeDateId', function() {
              console.log('switched');
            });
        }
    };

    return $delegate;
});

编辑

我遇到了与此类似的代码问题，如果您切换月份并且 2 个月的第一个日期在同一天，则 $watch 不会触发。您可以通过查看 Datepicker Controller 中属性“activeDate”的值来解决此问题:

            scope.$watch(function() {
              return ctrl.activeDate.getTime();
            }, function() {
              console.log('switched');
            });