2015-07-09 2 views
1

я делаю с этой функцией и хотите, чтобы вычислить разницу дат с помощью функции контроллера "dayResult()" но если я пишу код в нем, угловая функция останавливает working.can кто-нибудь сказать, как получить результат через dayresult() функцииугловые JS функции Контроллер илит не работают

.html файл

<html> 
     <head> 
     <meta charset="utf-8" /> 
     <title>AngularJS Plunker</title> 
     <script>document.write('<base href="' + document.location + '" />');</script> 
     <link rel="stylesheet" href="style.css" /> 
     <link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet"> 
     <link rel="stylesheet" type="text/css" media="screen" href="http://tarruda.github.com/bootstrap-datetimepicker/assets/css/bootstrap-datetimepicker.min.css"> 

     <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.3/jquery.min.js"> 
     </script> 
     <script type="text/javascript" src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js"> 
     </script> 
     <script type="text/javascript" src="http://tarruda.github.com/bootstrap-datetimepicker/assets/js/bootstrap-datetimepicker.min.js"> 
     </script> 
     <script data-require="[email protected]" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js" data-semver="1.0.8"></script> 


     <script src="app.js"></script> 
     </head> 

     <body> 
     <div ng-app="plunker" class="container container-fluid" ng-controller="MainCtrl"> 

     <!-- <form class="form-horizontal" novalidate name="form" ng-submit="submit()"> 
     <div class="well">--> 

      <div id="date" class="input-append" datetimez ng-model="var1"> 
       <input data-format="MM-dd-yyyy" type="text" id="input1" name="input1"></input> 
       <span class="add-on"> 
       <i data-time-icon="icon-time" data-date-icon="icon-calendar"></i> 
       </span> 
      </div> 



      <div id="date" class="input-append" datetimez ng-model="var2"> 
       <input data-format="MM-dd-yyyy" type="text" id="input1" name="input1" ></input> 
       <span class="add-on"> 
       <i data-time-icon="icon-time" data-date-icon="icon-calendar"></i> 
       </span> 
      </div> 

    <!--  </div> 
     </form>--> 
    var1={{var1}} 
    <br> 
    var2={{var2}} 
    <br> 
    <!-- here is day result function --> 
    difference= {{dayResult()}} days 
     </div> 
     <script> 
     var app = angular.module('plunker', []); 

    app.controller('MainCtrl', function($scope) { 
     $scope.dayResult = function() 
     { 

     } 

     }); 

    app.directive('datetimez', function() { 
     return { 
      restrict: 'A', 
      require : 'ngModel', 
      link: function(scope, element, attrs, ngModelCtrl) { 
       element.datetimepicker({ 
       dateFormat:'dd-MM-yyyy', 
       language: 'en', 
       pickTime: true, 
       startDate: '01-11-2013',  // set a minimum date 
       endDate: '01-11-2030'   // set a maximum date 
       }).on('changeDate', function(e) { 
       ngModelCtrl.$setViewValue(e.date); 
       scope.$apply(); 
       }); 
      } 
     }; 
    }); 
    </script> 
     </body> 
    </html> 
+0

Вы получаете консольную ошибку? – Vineet

+1

в введенном вами коде, функция, которую вы задаете о '$ scope.dayResult', имеет пустое тело, она ничего не делает. – Claies

+0

Да, у него есть пустое тело, потому что, если я что-то напишу на нем, угловой js-каландр не будет работать – Nitish

ответ

0

Добавление возвращаемого значения оленья кожа это исправить?

$scope.dayResult = function() 
{ 
    return "test"; 
} 
+0

нет .. тест на возврат не отменяет никакого значения, потому что он конфликтует с угловым js – Nitish

+0

у вас есть идея? – Nitish

+0

Можете ли вы настроить рабочий пример на Plunkr или JSFiddle? или я должен сказать Нерабочий пример – sjm

Смежные вопросы