当前位置： 移动技术网 > IT编程>开发语言>JavaScript > angular 设置年份选择下拉框，并默认今年

angular 设置年份选择下拉框，并默认今年

2018年04月20日  | 移动技术网IT编程  | 我要评论 
<select ng-model="selectedYear" ng-change="yearChange(selectedYear)">
                <option ng-repeat="x in yearList" value="{{x.k}}">{{x.v}</option>  
</select>

　　

$scope.yearList = [
                {k : "2014", v : "2014"},
                {k : "2015", v : "2015"},
                {k : "2016", v : "2016"},
                {k : "2017", v : "2017"},
                {k : "2018", v : "2018"},
                {k : "2019", v : "2019"},
                {k : "2020", v : "2020"},
                {k : "2021", v : "2021"},
                {k : "2022", v : "2022"},
                {k : "2023", v : "2023"}
            ];
// 默认为今年
            var date = new Date;
            $scope.selectedYear = date.getFullYear();
            $scope.year = $scope.selectedYear;
            $scope.yearChange = function(v){
                $scope.year = v;
            };

 

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网