Angularjs：カレンダーのフォーカスと月のピッカー機能で開く？

Question

私はカレンダーに焦点を当てた機能（Microsoft Windows 7のカレンダーに似ています）を追加するにはどうすればいいですか？demoここでは、マテリアルバージョン1.0.1を使用しています。

Thanks In advance. 

Answer 1

あなたが、その場合には、カスタムディレクティブを追加する必要があると思います。その後、

.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' 
 
    }; 
 
});

そして：このgithubのコメントから撮影

<md-datepicker open-on-focus></md-datepicker>

：

https://github.com/angular/material/issues/4650#issuecomment-191930096