Javascript angular 1.5如何创建年份选择器下拉列表
我是Angular 1的新手,需要实现Angular日期选择器,以便只允许年份选择器(毕业年份),它应该是从当前年份到1950年 我尝试使用jQuery,但它不起作用,而且它似乎与Angular不兼容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.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'
});