angular 1.5 如何创建年份选择器下拉菜单

Question

我是 Angular 1 的新手，需要实现 Angular 日期选择器以仅允许年份选择器（毕业年份），它应该是从当年到 1950 年。

我尝试使用 jQuery，但它不起作用，而且它似乎与 Angular 不兼容。

请建议如何在 Angular 1.5 中实现它。当前的实现来自硬编码的 JSON 对象。

Answer 1

我为您制作了这个 plnkr，希望对您有所帮助。

两个输入，带引导程序。

<input type="text" class="form-control date" id="from" placeholder="From" ng-click="app.dateFrom=true" datepicker-popup="{{app.format}}" ng-model="app.dtFrom" is-open="app.dateFrom" min-date="1970-04-06" max-date="'2017-04-06'" datepicker-options="myapp.dateOptions"
        date-disabled="disabled(date, mode)" ng-required="true" close-text="Close">


<input type="text" class="form-control date" id="to" placeholder="To" ng-click="app.dateTo=true" datepicker-popup="{{app.format}}" ng-model="myapp.dtTo" is-open="app.dateTo" min-date="1970-04-06" max-date="'2017-04-07'" datepicker-options="app.dateOptions"
        date-disabled="disabled(date, mode)" ng-required="true" close-text="Close">

还有剧本

angular.module('myapp', ['ui.bootstrap']);
angular.module('myapp').controller('myappCtrl', function() {

  self = this;
  self.someProp = 'Calendar'
  self.opened = {};
  self.open = function($event) {

    $event.preventDefault();
    $event.stopPropagation();

    self.opened = {};
    self.opened[$event.target.id] = true;

    // log this to check if its setting the log    
    console.log(self.opened);

  };

  self.format = 'dd-MM-yyyy'
});

问候！！

http://plnkr.co/edit/dphcFn4ghgCQqPqRxUhi?p=preview

Answer 2

你需要做一个如下的指令

var app = angular.module('myApp', []);
app.directive('datepicker', function () {
return {
    restrict: 'C',
    require: 'ngModel',
     link: function (scope, element, attrs, ngModelCtrl) {
            $(element).datepicker({
                dateFormat: 'dd, MM, yy',
                onSelect: function (date) {
                    scope.date = date;
                    scope.$apply();
                }
            });
        }    
    Y};
});

取自How to use datepicker in AngularJS using custom directive as a class?