javascript - AngularJS : date-time picker (vs) zoom in graph : one or the other not working -



javascript - AngularJS : date-time picker (vs) zoom in graph : one or the other not working -

in angularjs application, trying draw graph based on user's selection of period of time (which uses date-time picker). screenshot below :

when using 1.7.1

am using bootstrap js date-time picker. issue when utilize jquery version 1.7.1, graph zoom works, date-time picker doesn't work. error in browser console :

error: failed execute 'appendchild' on 'node': new kid element null. @ error (native) @ function.f.extend.clean (https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js:4:4522) @ function.f.buildfragment (https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js:4:2303) @ f.fn.extend.dommanip (https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js:4:1672) @ f.fn.extend.append (https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js:3:31818) @ datetimepicker.filldate (http://192.168.0.103:8080/restapi/date-picker/datetimebootstrap.js:26:9195) @ datetimepicker.update (http://192.168.0.103:8080/restapi/date-picker/datetimebootstrap.js:26:6538) @ datetimepicker.init (http://192.168.0.103:8080/restapi/date-picker/datetimebootstrap.js:26:2408) @ new datetimepicker (http://192.168.0.103:8080/restapi/date-picker/datetimebootstrap.js:26:125) @ htmldivelement.<anonymous> (http://192.168.0.103:8080/restapi/date-picker/datetimebootstrap.js:26:23028) <div class="input-append ng-pristine ng-valid" startdatetime="" ng-model="var1" ng-style="{'display': 'inline-block'}"> angular1.2.1.js:84 error: failed execute 'appendchild' on 'node': new kid element null. @ error (native) @ function.f.extend.clean (https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js:4:4522) @ function.f.buildfragment (https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js:4:2303) @ f.fn.extend.dommanip (https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js:4:1672) @ f.fn.extend.append (https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js:3:31818) @ datetimepicker.filldate (http://192.168.0.103:8080/restapi/date-picker/datetimebootstrap.js:26:9195) @ datetimepicker.update (http://192.168.0.103:8080/restapi/date-picker/datetimebootstrap.js:26:6538) @ datetimepicker.init (http://192.168.0.103:8080/restapi/date-picker/datetimebootstrap.js:26:2408) @ new datetimepicker (http://192.168.0.103:8080/restapi/date-picker/datetimebootstrap.js:26:125) @ htmldivelement.<anonymous> (http://192.168.0.103:8080/restapi/date-picker/datetimebootstrap.js:26:23028) <div class="input-append ng-pristine ng-valid" enddatetime="" ng-model="var1" ng-style="{'display': 'inline-block'}">

when using 1.9.1

and, when using 1.9.1, graph zoom doesn't work, date-time picker works. , browser throws error:

uncaught typeerror: cannot read property 'addclass' of undefined jquery-ui.min.js:380 a.widget._mousecapturejquery-ui.min.js:380 a.widget._mousedownjquery-ui.min.js:26 (anonymous function)jquery-ui.min.js:25 b.event.dispatchjquery.js:9593 v.handle

plunkr code

here's plunkr code. , jquery script version code referring to:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

there incompatibility issues when using angularjs jquery 1.9.1 , jquery ui 1.8.15 or below. upgrade newer version of jquery ui (in case 1.9.2+) solve problem.

javascript jquery angularjs twitter-bootstrap

Comments

Popular posts from this blog

formatting - SAS SQL Datepart function returning odd values -

c++ - Apple Mach-O Linker Error(Duplicate Symbols For Architecture armv7) -

php - Yii 2: Unable to find a class into the extension 'yii2-admin' -