I encountered an issue when trying to integrate the angular-datepicker module using angular.js.
Error:
Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.4.6/$injector/modulerr?p0=Channabasavashwara&…0at%20d%20(http%3A%2F%2Foditek.in%2FGofasto%2Fjs%2Fangularjs.js%3A19%3A463)
Below is a breakdown of my code structure.
plan.html:
<div class="input-group bmargindiv1 col-md-12">
<span class="input-group-addon ndrftextwidth text-right" style="width:180px">Date :</span>
<datepicker date-format="MMMM d, y" date-min-limit="2010/01/01" date-max-limit="2020/01/01"button-prev='<i class="fa fa-arrow-circle-left"></i>' button-next='<i class="fa fa-arrow-circle-right"></i>'>
<input type="text" name="birthdate" class="form-control" ng-model="date" placeholder="Add date" />
</datepicker>
</div>The controller file includes this snippet of code.
var plan = angular.module('Channabasavashwara', ['Channabasavashwara.datepicker']);
plan.controller('planController', function($scope, $http, $state) {
});
Within this application, I utilize ui-router for navigation. Following user selection on the calendar widget, the chosen date should populate the adjacent text field for easy reference. Any guidance on resolving this error would be greatly appreciated.