möchte eine Funktion zum eckigen bootstrap datepicker hinzufügen

Question

Ich möchte eine Funktion zu diesem angular-ui datepicker Direktive https://github.com/angular-ui/bootstrap/tree/master/src/datepickerPopup hinzufügen, um die Hin-und her Pfeile zu verbergen, so dass der Benutzer nicht über ein Jahr Datum von jetzt gehen kann. Ich habe keine Ahnung, wo ich anfangen soll. Ich denke, ein Dekorateur würde die Lösung für mein Problem sein, aber ich weiß nicht, wie man die Tutorials startet, half mir keine Vorschläge, wo ich anfangen würde, wäre großartig. Danke

Answer 1

Ich nehme an, dass Sie die Datepicker Direktive von Angular-UI verwenden. Mit dem Attribut date-disabled können Sie bestimmte Daten (z. B. Wochenenden) deaktivieren. Siehe dieses Plunk here

Wenn Sie Daten basierend auf der Auswahl dynamisch deaktivieren möchten, können Sie die Min- und Max-Attribute und Watcher verwenden. Siehe here

Answer 2

meine eigene Frage, falls diese Frage beantworten jemand hilft landete ich mit dem mixin Muster nach oben, wie hier beschrieben: http://moduscreate.com/angularjs-tricks-with-angular-extend/

und der Beispielcode Winkel .module (‚ui.bootstrap.datepicker‘) .Controller ('ctrl', function ($ scope) {

angular.extend($scope, angular.module('ui.bootstrap.datepicker').controller('DatepickerController').$scope); 
angular.extend($scope, { 
    hideYearNav: function(){ 
     // the function body goes in here 
    } 
}); 

});