Angularjs:在日历上打开焦点和月份选择器功能?

mv1qrgav  于 12个月前  发布在  Angular
关注(0)|答案(1)|浏览(132)

如何将焦点打开功能(类似于Microsoft Windows 7日历)添加到demo中给出的日历中,我们使用角材料版本1.0.1,请帮助我解决方案。

Thanks In advance.
uinbv5nw

uinbv5nw1#

在这种情况下,你必须添加一个自定义指令:

.directive('openOnFocus', function () {

  function compile(tElement) {
    tElement.find('input').attr('ng-focus', 'ctrl.onFocus($event)');

    return function (scope, element, attrs, datePicker) {
      var focused = false;

      datePicker.onFocus = (event) => {
        focused = !focused;

        if(focused) {
          datePicker.openCalendarPane(event);
        }
      };
    };
  }

  return {
    compile: compile,
    priority: -1,
    require: 'mdDatepicker',
    restrict: 'A'
  };
});

然后:
<md-datepicker open-on-focus></md-datepicker>
摘自Github评论:
https://github.com/angular/material/issues/4650#issuecomment-191930096

相关问题