fix #119

fix month not updated due to scope problem

Author: soocheng

dist/ionic-datepicker.bundle.min.js

@@ -16,8 +16,8 @@ <h1 class="title">{{selctedDateEpoch | date : mainObj.dateFormat}}</h1>
             <div class="col-50 padding_right_5px">
               <label class="item item-input item-select month_select">
                 <span class="input-label">&nbsp;</span>
-                <select ng-model="currentMonth" ng-change="monthChanged(currentMonth)">
-                  <option ng-repeat="month in monthsList" ng-selected="month == currentMonthSelected" value="{{month}}">
+                <select ng-model="data.currentMonth" ng-change="monthChanged(data.currentMonth)">
+                  <option ng-repeat="month in monthsList" ng-selected="month == data.currentMonthSelected" value="{{month}}">
                     {{month}}
                   </option>
                 </select>

src/ionic-datepicker-modal.html

@@ -12,8 +12,8 @@
         <div class="col-50 padding_right_5px">
           <label class="item item-input item-select month_select">
             <span class="input-label">&nbsp;</span>
-            <select ng-model="currentMonth" ng-change="monthChanged(currentMonth)">
-              <option ng-repeat="month in monthsList" ng-selected="month==currentMonthSelected" value="{{month}}">
+            <select ng-model="data.currentMonth" ng-change="monthChanged(data.currentMonth)">
+              <option ng-repeat="month in monthsList" ng-selected="month==data.currentMonthSelected" value="{{month}}">
                 {{month}}
               </option>
             </select>
@@ -22,7 +22,7 @@
         <div class="col-50 padding_left_5px">
           <label class="item item-input item-select year_select">
             <span class="input-label">&nbsp;</span>
-            <select ng-model="currentYear" ng-change="yearChanged(currentYear)" ng-options="year for year in yearsList"></select>
+            <select ng-model="data.currentYear" ng-change="yearChanged(data.currentYear)" ng-options="year for year in yearsList"></select>
           </label>
         </div>
       </div>

src/ionic-datepicker-popup.html

@@ -44,7 +44,7 @@ angular.module('ionic-datepicker.provider', [])
           $scope.currentDate.setFullYear($scope.currentDate.getFullYear());
         }
         $scope.currentDate.setMonth($scope.currentDate.getMonth() - 1);
-        $scope.currentMonth = $scope.mainObj.monthsList[$scope.currentDate.getMonth()];
+        $scope.data.currentMonth = $scope.mainObj.monthsList[$scope.currentDate.getMonth()];
         $scope.data.currentYear = $scope.currentDate.getFullYear();
         refreshDateList($scope.currentDate);
       };
@@ -56,7 +56,7 @@ angular.module('ionic-datepicker.provider', [])
         }
         $scope.currentDate.setDate(1);
         $scope.currentDate.setMonth($scope.currentDate.getMonth() + 1);
-        $scope.currentMonth = $scope.mainObj.monthsList[$scope.currentDate.getMonth()];
+        $scope.data.currentMonth = $scope.mainObj.monthsList[$scope.currentDate.getMonth()];
         $scope.data.currentYear = $scope.currentDate.getFullYear();
         refreshDateList($scope.currentDate);
       };
@@ -154,9 +154,9 @@ angular.module('ionic-datepicker.provider', [])
         $scope.rows = [0, 7, 14, 21, 28, 35];
         $scope.cols = [0, 1, 2, 3, 4, 5, 6];
 
-        $scope.currentMonth = $scope.mainObj.monthsList[currentDate.getMonth()];
+        $scope.data.currentMonth = $scope.mainObj.monthsList[currentDate.getMonth()];
         $scope.data.currentYear = currentDate.getFullYear();
-        $scope.currentMonthSelected = angular.copy($scope.currentMonth);
+        $scope.data.currentMonthSelected = angular.copy($scope.data.currentMonth);
         $scope.currentYearSelected = angular.copy($scope.data.currentYear);
         $scope.numColumns = 7;
       }