mon*_*nda 2 javascript angularjs
我想创建年份选择下拉列表.年必须从今年开始到未来7年.
我试过了
var year = new Date().getFullYear();
var range = [];
range.push(year);
for (var i = 1; i < 7; i++) {
range.push(year + i);
}
$scope.years = range;
<select class="form-control" ng-options="year for year in years" name="expiryMonth" ng-model="expiryMonth" required>'
Run Code Online (Sandbox Code Playgroud)
但这会创建一个html,
<option label="2016" value="number:2016">2016</option>
Run Code Online (Sandbox Code Playgroud)
这会创建一个必需的年份下拉列表但我希望Value是标签的最后两位数
另外,我的第一个选择应该是
<option value="">select month</option>
Run Code Online (Sandbox Code Playgroud)
angular.module('app', [])
.controller("Ctrl",
function contactListCtrl($scope) {
var year = new Date().getFullYear();
var range = [];
range.push(year);
for (var i = 1; i < 7; i++) {
range.push(year + i);
}
$scope.years = range;
});Run Code Online (Sandbox Code Playgroud)
<!DOCTYPE html>
<html ng-app="app">
<head>
<link data-require="bootstrap-css@3.3.6" data-semver="3.3.6" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.css" />
<script data-require="angular.js@1.4.9" data-semver="1.4.9" src="https://code.angularjs.org/1.4.12/angular.js"></script>
<script src="script.js"></script>
</head>
<body ng-controller="Ctrl">
<select class="form-control" ng-model="expiryMonth" required>
<option>Select month</option>
<option ng-repeat="year in years">{{year}}</option>
</select>
</body>
</html>Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
13447 次 |
| 最近记录: |