Angularjs：在日曆上打開焦點和月份選擇器功能？

如何在我的日曆上添加open on focus功能（與Microsoft Windows 7日曆相似），如demo中我們使用angular materiel version1.0.1所示，請幫助我解決問題。Angularjs：在日曆上打開焦點和月份選擇器功能？

Thanks In advance.

來源

2016-12-17 user7303839

您可以更新到Angular Material 1.1.1嗎？如果是這樣，您可以將'md-open-on-focus'指令添加到datepicker中。 – Jpod

感謝您的迴應，我如何在不更新角度材料1.1.1的情況下做到這一點？ – user7303839

你不得不在這種情況下添加自定義指令：

.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

來源

2016-12-17 22:02:31 Jpod

感謝您的努力，請您指出它的工作示例。它不能按預期演示工作（http://plnkr.co/edit/dbR7K1bngMaF7iO4S09o?p=preview）..日曆圖標必須是可點擊的1.1.1（（material.angularjs.org/latest/demo/datepick er ））版本日曆是可點擊的，當我們點擊（十二月2016）它給幾個月和很快......但你的演示不？ – user7303839

當您點擊日曆圖標時，鏈接中的日曆看起來像是打開的？不知道是什麼問題 – Jpod

爲它增加了新的問題http://stackoverflow.com/questions/41250474/how-to-extend-datepicker-directive-with-monthpicker-in-calendar-pane請看看 – user7303839

Angularjs：在日曆上打開焦點和月份選擇器功能？

回答

相關問題