How to solve the angular bootstrap timepicker TypeError prompt-JS Tutorial-php.cn

How to solve the angular bootstrap timepicker TypeError prompt

零下一度

Release： 2017-06-15 13:28:17

Original

1327 people have browsed it

This article mainly introduces the solution to the angular bootstrap timepicker TypeError prompt, which has certain reference value. Interested friends can refer to it

angular bootstrap timepicker TypeError: Cannot set property '$render' of undefined, how to solve it?

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.css" rel="external nofollow" >
  <link rel="stylesheet" href="node_modules/angular-bootstrap-datetimepicker/src/css/datetimepicker.css" rel="external nofollow" />
</head>
<body ng-app="MyApp">
<p>{{mode}}</p>
  <datetimepicker data-ng-model="mode"></datetimepicker>
</body>
  <script type="text/javascript" src="node_modules/moment/moment.js"></script>
  <script type="text/javascript" src="node_modules/angular/angular.js"></script>
  <script type="text/javascript" src="node_modules/angular-bootstrap-datetimepicker/src/js/datetimepicker.js"></script>
  <script type="text/javascript" src="node_modules/angular-bootstrap-datetimepicker/src/js/datetimepicker.templates.js"></script>
  <script type="text/javascript" src="locales/bootstrap-datetimepicker.zh-CN.js"></script>
  <script>
  var myAppModule = angular.module(&#39;MyApp&#39;, [&#39;ui.bootstrap.datetimepicker&#39;])
  </script>
</html>

Copy after login

package.json

{
 "name": "cynthia",
 "version": "1.0.0",
 "description": "",
 "main": "index.js",
 "scripts": {
  "test": "echo \"Error: no test specified\" && exit 1"
 },
 "author": "",
 "license": "ISC",
 "dependencies": {
  "angular-bootstrap-datetimepicker": "^1.1.4",
  "bootstrap": "^3.3.7"
 }
}

Copy after login

Put the above two files into the same directory

npm install

Copy after login

You can see the effect by running the index.html file.

If: TypeError: Cannot set property '$render' of undefined

It means that the version of angular is too low. This version requires at least v1.2.30 or above.

The above is the detailed content of How to solve the angular bootstrap timepicker TypeError prompt. For more information, please follow other related articles on the PHP Chinese website!