title: angularjs date picker error
body: <p>I have a problem in my datepicker which is not working and error show</p>
  
  <blockquote>
    <p>[$compile:multidir]<a href="http://errors.angularjs.org/1.5.0/" rel="nofollow noreferrer">http://errors.angularjs.org/1.5.0/</a>$compile/multidir?p0=datepicker&amp;p1=&amp;p2=da…%3D%22keydown(%24event)%22%20date-min-limit%3D%22%7B%7Bmindate%7D%7D%22%3E.</p>
  </blockquote>
  
  <p>Here is my HTML where i use directive of date of datepicker and i include the bower file. </p>
  
  <pre><code>&lt;!--html strat here--&gt;
  &lt;div ng-controller="datePickerCtrl"&gt;
  &lt;datepicker date-min-limit={{mindate}}&gt;
    &lt;input ng-model="date" type="text"/&gt;
  &lt;/datepicker&gt;
  &lt;/div&gt;
  &lt;!--html end here--&gt;
  </code></pre>
  
  <p>here is my controller of date picker</p>
  
  <pre><code>angular.module("myApp").controller("datePickerCtrl",function($scope,$http){
  
         alert('hello datepicker controller');
         $scope.date = new Date();
         $scope.mindate= "date.splice(-1)";
  });
  </code></pre>
  
  <p>Here is my index page code where i give code till datepicker controller file.:</p>
  
  <pre><code>&lt;meta charset="utf-8"&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
      &lt;title&gt;pune project&lt;/title&gt;
    &lt;link rel="stylesheet" type="text/css" href="/bower_components/angular-ui-grid/ui-grid.css"&gt;
      &lt;script src="lib/js/angular.min.js"&gt;&lt;/script&gt;
      &lt;script src="lib/js/angular-route.js"&gt;&lt;/script&gt;
      &lt;script src="js/app.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/controller/maincontroller.js"&gt;&lt;/script&gt;
      &lt;script src="bower_components/angularjs-datepicker/src/js/angular-datepicker.js"&gt;&lt;/script&gt; 
  
  
      &lt;!--angular ui bootsrap @28-1-17 file cdn link here--&gt;
       &lt;script data-require="ui-bootstrap@0.13.0" data-semver="0.13.0" src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.13.0.min.js"&gt;&lt;/script&gt;
  
      &lt;!--ui grid files start here --&gt;
      &lt;script src="bower_components/angular-ui-grid/ui-grid.min.js"&gt;&lt;/script&gt;
      &lt;script src="lib/js/angular-touch.js"&gt;&lt;/script&gt;
      &lt;script src="lib/js/angular-animate.js"&gt;&lt;/script&gt;
  
  
      &lt;script type="text/javascript" src="js/controller/gridController.js"&gt;&lt;/script&gt; 
      &lt;!--ui grid files ends here --&gt;
      &lt;script type="text/javascript" src="js/controller/kanpurcontroller.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/service/myFactory.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/controller/punecontroller.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/controller/delhicontroller.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/controller/updateController.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/controller/demopagecontroller.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/controller/modalcontroller.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/controller/divgamecontroller.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/controller/targetController.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/controller/target1Controller.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/controller/hclcontroller.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/controller/datepickercontroller.js"&gt;&lt;/script&gt;
  </code></pre>