angular bootstrap timepicker TypeError提示怎么办


Posted in Javascript onJune 13, 2017

angular bootstrap timepicker TypeError: Cannot set property '$render' of undefined,如何解决?

<!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('MyApp', ['ui.bootstrap.datetimepicker'])
  </script>
</html>

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"
 }
}

把以上两个文件放到同一目录

npm install

运行index.html文件就可以看到效果了。 

如果出现:TypeError: Cannot set property '$render' of undefined

说明angular的版本太低,这个版本要求至少在v1.2.30以上.

github传送门:https://github.com/raomojiuran/angular-bootstrap-datetimepicker

github:https://github.com/cynthiawupore

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js中根据字数截取字符串,不能截断url
Jan 12 Javascript
使用js如何实现全选与全不选
Dec 30 Javascript
jQuery中:checkbox选择器用法实例
Jan 03 Javascript
Jquery Ajax xmlhttp请求成功问题
Feb 04 Javascript
jquery validate demo 基础
Oct 29 Javascript
Sublime Text 3常用插件及安装方法
Dec 16 Javascript
react.js 获取真实的DOM节点实例(必看)
Apr 17 Javascript
webpack3+React 的配置全解
Aug 21 Javascript
详解mpvue实现对苹果X安全区域的适配
Jul 31 Javascript
layui 选择列表,打勾,点击确定返回数据的例子
Sep 02 Javascript
微信小程序canvas分享海报功能
Oct 31 Javascript
Element Dropdown下拉菜单的使用方法
Jul 26 Javascript
解决bootstrap下拉菜单点击立即隐藏bug的方法
Jun 13 #Javascript
javascript实现非常简单的小数取整功能示例
Jun 13 #Javascript
微信小程序 新建登录页并实现tabBar隐藏
Jun 13 #Javascript
Node.js使用orm2进行update操作时关联字段无法修改的解决方法
Jun 13 #Javascript
bootstrap timepicker在angular中取值并转化为时间戳
Jun 13 #Javascript
微信小程序实现多个按钮toggle功能的实例
Jun 13 #Javascript
JavaScript基于扩展String实现替换字符串中index处字符的方法
Jun 13 #Javascript
You might like
新52大事件
2020/03/03 欧美动漫
解析thinkphp的左右值无限分类
2013/06/20 PHP
PHP中filter函数校验数据的方法详解
2015/07/31 PHP
PHP弱类型语言中类型判断操作实例详解
2017/08/10 PHP
PHP大文件分割上传 PHP分片上传
2017/08/28 PHP
laravel5.6 框架邮件队列database驱动简单demo示例
2020/01/26 PHP
学习YUI.Ext 第六天--关于树TreePanel(Part 1)
2007/03/10 Javascript
js setattribute批量设置css样式
2009/11/26 Javascript
javascript动态添加删除tabs标签的方法
2015/07/06 Javascript
Javascript之BOM(window对象)详解
2016/05/25 Javascript
JS动态加载脚本并执行回调操作
2016/08/24 Javascript
ie下js不执行的几种可能
2017/02/28 Javascript
async/await与promise(nodejs中的异步操作问题)
2017/03/03 NodeJs
webpack构建换肤功能的思路详解
2017/11/27 Javascript
NodeJs实现定时任务的示例代码
2017/12/05 NodeJs
vue 表单输入格式化中文输入法异常问题
2018/05/30 Javascript
angularjs的单选框+ng-repeat的实现方法
2018/09/12 Javascript
详解为生产环境编译Angular2应用的方法
2018/12/10 Javascript
JavaScript函数式编程(Functional Programming)箭头函数(Arrow functions)用法分析
2019/05/22 Javascript
微信小程序点击滚动到指定位置的实现
2020/05/22 Javascript
jQuery实现可以扩展的日历
2020/12/01 jQuery
[01:24:34]2014 DOTA2华西杯精英邀请赛5 24 DK VS LGD
2014/05/25 DOTA
利用Python为iOS10生成图标和截屏
2016/09/24 Python
python合并同类型excel表格的方法
2018/04/01 Python
python pandas dataframe 按列或者按行合并的方法
2018/04/12 Python
基于TensorFlow的CNN实现Mnist手写数字识别
2020/06/17 Python
如何验证python安装成功
2020/07/06 Python
解决Django响应JsonResponse返回json格式数据报错问题
2020/08/09 Python
施华洛世奇英国官网:SWAROVSKI英国
2017/03/13 全球购物
美国著名的户外用品品牌:L.L.Bean
2018/01/05 全球购物
Everything But Water官网:美国泳装品牌
2019/03/17 全球购物
node中使用shell脚本的方法步骤
2021/03/23 Javascript
班子查摆四风个人对照检查材料思想汇报
2014/10/04 职场文书
2014年党风廉政工作总结
2014/12/03 职场文书
工作自我评价范文
2015/03/05 职场文书
集英社今正式宣布 成立游戏公司“集英社Games”
2022/03/31 其他游戏