Angularjs手写日历的实现代码（不用插件）

    

     
      
       
       年
      
 
       月 {{active_day}} 日
     
    
    
    

     

      
星期日
      
星期一
      
星期二
      
星期三
      
星期四
      
星期五
      
星期六
      
{{day}}
     
    
   

 //  创建日历
  
  $scope.all_year = [];
  
  $scope.all_mOnth= [];
  $scope.showTime = function() {
   //在select中填入年份
   for(var year = 2016; year <2050; year++) {
    var obj_1 = {'value': year, 'id': year}
    $scope.all_year.push(obj_1);
   }
   
   //在select中填入月份
   for(var mOnth= 1; month <13; month++) {
    var obj_2 = {'value': month, 'id': month}
    $scope.all_month.push(obj_2);
   }
   console.log($scope.all_year)
   //初始化显示 当前年和月
   $scope.show_now()
   
   
  }
  //当select的选中的option发送变化的触发的事件
  $scope.change_year = function(data) {
   $scope.showDays(data, $scope.select_month)
  }
  $scope.change_mOnth= function(data) {
   $scope.showDays($scope.select_year, data)
   
  }

  //返回指定的月份的天数 月份1-12
  $scope.calDays = function (year, month) {
   return new Date(year, month, 0).getDate();
  }

  $scope.days = [];
  //展示指定的年和月的所有日期
  $scope.showDays = function(year, month) {
   $scope.days = [];
   
   //得到表示指定年和月的1日的那个时间对象
   var date = new Date(year, month - 1, 1);
   
   
   //1.先添加响应的空白的li:这个月1号是星期几，就添加几个空白的li
   var dayOfWeek = date.getDay(); //得到1日是星期几
   for(var i = 0; i