Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/371.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript angular 1.5如何创建年份选择器下拉列表_Javascript_Jquery_Angularjs_User Interface_Jquery Ui - Fatal编程技术网

Javascript angular 1.5如何创建年份选择器下拉列表

Javascript angular 1.5如何创建年份选择器下拉列表,javascript,jquery,angularjs,user-interface,jquery-ui,Javascript,Jquery,Angularjs,User Interface,Jquery Ui,我是Angular 1的新手,需要实现Angular日期选择器,以便只允许年份选择器(毕业年份),它应该是从当前年份到1950年 我尝试使用jQuery,但它不起作用,而且它似乎与Angular不兼容 请建议如何在Angular 1.5中实现它。当前的实现来自硬编码的JSON对象。您需要按如下所示制作一个指令 var app = angular.module('myApp', []); app.directive('datepicker', function () { return {

我是Angular 1的新手,需要实现Angular日期选择器,以便只允许年份选择器(毕业年份),它应该是从当前年份到1950年

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


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

您需要按如下所示制作一个指令

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

摘自

我为您制作了这个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">
问候


如果你想使用现有的东西,有一些替代方法:谢谢,我们可以在下拉列表中只保留几年。我们不需要在yyyy格式中只输入4位数字的年份作为下拉列表。请尝试此操作。只有年,没有月,没有日。希望这对你有帮助。当做谢谢你是救星:)
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'
});