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
Post a Comment