date picker is not initializing angular JS

Question

I am trying to intialize the date picker to the textbox using angular JS directive.

Here is my angular JS directive

 var testapp = angular.module('testApp',[]);
 testapp.directive('mydatepicker', function () {
   return {
       restrict: 'A',
       require: 'ngModel',
       link: function (scope, element, attrs, ngModelCtrl) {
        $(element).datepicker({
        dateFormat: 'DD, d  MM, yy',
        onSelect: function (date) {
            scope.date = date;
            scope.$apply();
         }
      });
    }
  };
});

HTML code I wrote :

<body ng-app="testApp" ng-controller="myController">
 // some other html code 
 <input type="text" ng-model="date" mydatepicker />
   <br/>
    {{ date }}
//some other html code
</body>

Datepicker is not getting intialized. Here is the JS Fiddle

http://jsfiddle.net/5ua9guee/19/

In the JS Fiddle I am getting two errors :

Uncaught ReferenceError: jQuery is not defined
Uncaught Error: [$injector:modulerr] Failed to instantiate module App due to:

I tried the existing posts but no one worked for me.

Thank You

Dwijen · Accepted Answer · 2016-02-24 10:17:30Z

1

Edited your fiddle a bit. It works.

https://jsfiddle.net/dm5pyfbe/

In your code the controller is missing.

testApp.controller('myController', function($scope){});

answered Feb 24, 2016 at 10:17

Dwijen

5905 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

hurricane · Accepted Answer · 2016-02-24 09:44:32Z

0

It shows you problem:

Uncaught ReferenceError: jQuery is not defined

Then insert your jquery to src;

<script src="//code.jquery.com/jquery-1.12.0.min.js"></script>

answered Feb 24, 2016 at 9:44

hurricane

6,7342 gold badges38 silver badges45 bronze badges

Collectives™ on Stack Overflow

date picker is not initializing angular JS

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related