Merge pull request #213 from Pangolin-/master

added prevent-mobile attribute support

Author: 45kb

README.md

@@ -94,6 +94,7 @@ datepicker-append-to="" | String('#id','.classname', 'body') | false | Append th
 datepicker-toggle="" | String(Boolean) | true | Set the datepicker to toggle its visibility on focus and blur
 datepicker-show="" | String | false | Trigger the datepicker visibility, if true datepicker is shown if false it is hidden
  |  | | **tip:** _You may use this option together with datepicker-toggle="false" for a stable behavior_
+datepicker-mobile="" | String | true | Set to `false` to force override of mobile styles. Especially useful for using desktop-style pagination control in mobile apps.
 
 ##Options
 Angular datepicker allows you to use some options via `attribute` data
@@ -194,14 +195,14 @@ You can show validation errors simply validating the ngModel, as you would do fo
 ```javascript
 .controller('Ctrl', ['$scope', function ($scope) {
   var liveDate;
-  
+
   $scope.$watch('myDate', function (value) {
     try {
      liveDate = new Date(value);
     } catch(e) {}
-    
+
     if (!liveDate) {
-    
+
       $scope.error = "This is not a valid date";
     } else {
       $scope.error = false;

src/js/angular-datepicker.js

@@ -18,7 +18,9 @@
         return true;
       }
     }())
-    , generateMonthAndYearHeader = function generateMonthAndYearHeader(prevButton, nextButton) {
+    , generateMonthAndYearHeader = function generateMonthAndYearHeader(prevButton, nextButton, preventMobile) {
+
+      if (preventMobile) { isMobile = false; }
 
       if (isMobile) {
 
@@ -114,13 +116,13 @@
         '</div>'
       ];
     }
-    , generateHtmlTemplate = function generateHtmlTemplate(prevButton, nextButton) {
+    , generateHtmlTemplate = function generateHtmlTemplate(prevButton, nextButton, preventMobile) {
 
       var toReturn = [
         '<div class="_720kb-datepicker-calendar {{datepickerClass}} {{datepickerID}}" ng-class="{\'_720kb-datepicker-forced-to-open\': checkVisibility()}" ng-blur="hideCalendar()">',
         '</div>'
       ]
-      , monthAndYearHeader = generateMonthAndYearHeader(prevButton, nextButton)
+      , monthAndYearHeader = generateMonthAndYearHeader(prevButton, nextButton, preventMobile)
       , yearsPaginationHeader = generateYearsPaginationHeader(prevButton, nextButton)
       , daysColumns = generateDaysColumns()
       , days = generateDays()
@@ -155,10 +157,11 @@
           , date = new Date()
           , isMouseOn = false
           , isMouseOnInput = false
+          , preventMobile = ( typeof attr.datepickerMobile !== 'undefined' && attr.datepickerMobile !== 'false' )
           , datetime = $locale.DATETIME_FORMATS
           , pageDatepickers
           , hours24h = 86400000
-          , htmlTemplate = generateHtmlTemplate(prevButton, nextButton)
+          , htmlTemplate = generateHtmlTemplate(prevButton, nextButton, preventMobile)
           , n
           , onClickOnWindow = function onClickOnWindow() {