想要为angular bootstrap datepicker添加一个函数

时间:2016-06-20 07:18:05

标签: angularjs angular-ui

我想在此angular-ui datepicker指令https://github.com/angular-ui/bootstrap/tree/master/src/datepickerPopup中添加一个函数来隐藏前后箭头,这样用户就不能再过一年的日期了。我不知道从哪里开始。我认为装饰师可以解决我的问题,但我不知道如何开始教程并没有帮助我任何建议从哪里开始会很棒。感谢

2 个答案:

答案 0 :(得分:0)

我假设你正在使用Angular-UI的Datepicker指令。 date-disabled属性允许您禁用某些日期(例如,周末)。看到这个插件 rails/web-console

如果要根据选择动态禁用日期,可以使用min和max属性以及观察者。见here

答案 1 :(得分:0)

回答我自己的问题,如果这有助于我最终使用这里描述的mixin模式的任何人:http://moduscreate.com/angularjs-tricks-with-angular-extend/

和示例代码 角     .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
    }
});

});