javascript - mgcrea.ngStrap datepicker issue -

-

i've got issue datepicker mgcrea.ngstrap library.

layout file:

<html lang="en-us"  ng-app="ftc"> <head> <script src="/assets/2db3448a/components/angular.js/angular.min.js"></script> <script src="https://code.angularjs.org/1.4.8/angular-animate.min.js"></script> <script src="/assets/2db3448a/components/angular-route/angular-route.min.js"></script> <script src="/assets/2db3448a/mgcrea/angular-strap/dist/angular-strap.min.js"></script> <script src="/assets/2db3448a/mgcrea/angular-strap/dist/angular-strap.tpl.min.js"></script> <!-- i'm including rest of js libs (anguvideo, googlemaps dependencies, etc.      i'm including stylesheets (bootstrap too) --> </head> <body ng-controller="applicationcontroller appctrl"> <!-- navbar here --> <div class="container">     <div ng-view></div> </div> <!-- static footer --> <script src="/assets/60113bca/jquery.min.js"></script> <script src="/js/app.js"></script> <script src="/js/controllers/application-controller.js"></script> <script src="/js/controllers/event-create.js"></script> <!-- other js files --> </body> </html>

i've tried jquery moved head section result same.

the app definition (app.js):

angular.module('ftc', [ 'ngroute', 'nganimate', 'mgcrea.ngstrap', 'anguvideo', 'uigmapgoogle-maps']) .config(['$routeprovider', '$httpprovider', 'uigmapgooglemapapiprovider', function($routeprovider, $httpprovider, uigmapgooglemapapiprovider) { // here routing , google maps config }]);

controller (event-create.js):

angular.module('ftc') .controller('eventcreatecontroller', ['$location', '$http', '$scope', 'uigmapgooglemapapi',  function($location, $http, $scope, uigmapgooglemapapi){      //there google maps api code      ... }]);

view file (create.html) here i've got form , google map preview. there 10 inputs , 1 i'm trying use ngstrap.datepicker directives, code follow:

<form ng-submit="eventctrl.add()" name="eventform" id="event-form"       method="post" role="form" novalidate>     <div class="form-group required col-lg-6">         <label for="startdate" class="control-label sr-only">początek wydarzenia</label>         <input ng-model="event.startdate" type="text" id="startdate" class="form-control"                 name="startdate" bs-datepicker required>     </div>     <!-- , there rest of form --> </form>

the problem:
in chrome js console i've got error:

https://docs.angularjs.org/error/$injector/unpr?p0=$$rafprovider%20%3c-%20$$raf%20%3c-%20$tooltip%20%3c-%20$datepicker%20%3c-%20bsdatepickerdirective

all others libs work fine ('ngroute', 'anguvideo', 'uigmapgoogle-maps'). libs installed via composer (the app writen php yii2 framework).

libs versions: angularjs: 1.2.0; mgcrea.ngstrap: 2.3.6.

any idea i'm missing?

cheers, kamil

from code have shown don't appear loading template js part of library: angular-strap.tpl.js

if load script file error disappear? if don't include templates come library have write own , include them instead.


Comments

Post a Comment

Popular posts from this blog

ruby - Trying to change last to "x"s to 23 -

-
i have been playing around irb , have string looks this: irb(main):072:0> puts ["[\"4354 5432 5432 xxxxx\", \"6547 6547 8543 xxxxx\", \"2344 6543 6674 xxxxx\", \"2346 6236 7543 xxxxx\", \"1273 5585 5587 xxxxx\"]"] => nil irb(main):073:0> what want gsub last 2 "x" s of each 17 digit combination, 23 . what i've tried far (i've been using rubular): a.gsub(/\d[x]/,"23") <= grabs "x" s i'm close a.gsub(/\w[x{2}]/,"23") <= grabs "x" s grabs two digits each combination. is there easier way i'm not understanding? a.gsub(/\d{4} \d{4} \d{4} xxx\kxx/, '23') \d{4} = 4 digits what \k drop matched far. can use don't replace entire number, still able validate have in desired format.
Read more

jquery - Clone last and append item to closest class -

-
this bare-bones code on page: <div class="list-container"> <div class="single-list-item"> <button>remove</button> </div> <div class="single-list-item"> <button>remove</button> </div> <div class="single-list-item"> <button>remove</button> </div> </div> <p><button class="add-list-item">add</button></p> <div class="list-container"> <div class="single-list-item"> <button>remove</button> </div> <div class="single-list-item"> <button>remove</button> </div> <div class="single-list-item"> <button>remove</button> </div> </div> <p><button class="add-list-item">add</button></p> <di...
Read more

css - Can I use the :after pseudo-element on an input field? -

-
i trying use :after css pseudo-element on input field, not work. if use span , works ok. <style type="text/css"> .mystyle:after {content:url(smiley.gif);} .mystyle {color:red;} </style> this works (puts smiley after "buu!" , before "some more") <span class="mystyle">buuu!</span>a more this not work - colors somevalue in red, there no smiley. <input class="mystyle" type="text" value="somevalue"> what doing wrong? should use pseudo-selector? note: cannot add span around input , because being generated third-party control. :after , :before not supported in internet explorer 7 , under, on elements. it's not meant used on replaced elements such form elements (inputs) , image elements . in other words it's impossible pure css. however if using jquery can use $(".mystyle").after("add smiley here"); api docs on .after to ...
Read more