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 相关文章推荐
设置下载不需要倒计时cookie(倒计时代码)
Nov 19 Javascript
jquery 批量上传图片实现代码
Jan 28 Javascript
jQuery中绑定事件的命名空间详解
Apr 05 Javascript
dtree 网页树状菜单及传递对象集合到js内,动态生成节点
Apr 14 Javascript
等待指定时间后自动跳转或关闭当前页面的js代码
Jul 09 Javascript
JavaScript使用cookie记录临时访客信息的方法
Apr 07 Javascript
JavaScript中使用concat()方法拼接字符串的教程
Jun 06 Javascript
Bootstrap 最常用的JS插件系列总结(图片轮播、标签切换等)
Jul 14 Javascript
基于JS快速实现导航下拉菜单动画效果附源码下载
Oct 27 Javascript
vue实现几秒后跳转新页面代码
Sep 09 Javascript
vue组件中传值EventBus的使用及注意事项说明
Nov 16 Javascript
Vue实现指令式动态追加小球动画组件的步骤
Dec 18 Vue.js
解决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
Classes and Objects in PHP5-面向对象编程 [1]
2006/10/09 PHP
php xml留言板 xml存储数据的简单例子
2009/08/24 PHP
php清空(删除)指定目录下的文件,不删除目录文件夹的实现代码
2014/09/04 PHP
PHP创建单例后台进程的方法示例
2017/05/23 PHP
js中符号转意问题示例探讨
2013/08/19 Javascript
jquery使用on绑定a标签无效 只能用live解决
2016/06/02 Javascript
JS实现兼容火狐及IE iframe onload属性的遮罩层隐藏及显示效果
2016/08/23 Javascript
jQuery利用sort对DOM元素进行排序操作
2016/11/07 Javascript
AngularJS Phonecat实例讲解
2016/11/21 Javascript
IE8中jQuery.load()加载页面不显示的原因
2018/11/15 jQuery
ionic4+angular7+cordova上传图片功能的实例代码
2019/06/19 Javascript
详解element-ui中el-select的默认选择项问题
2019/08/02 Javascript
Vue+webpack实现懒加载过程解析
2020/02/17 Javascript
关于element-ui表单中限制输入纯数字的解决方式
2020/09/08 Javascript
[56:46]2018DOTA2亚洲邀请赛 3.31 小组赛 B组 VP vs Effect
2018/04/01 DOTA
[40:12]Liquid vs Chaos 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
Python中针对函数处理的特殊方法
2014/03/06 Python
django 自定义用户user模型的三种方法
2014/11/18 Python
Python实现新浪博客备份的方法
2016/04/27 Python
python获取当前目录路径和上级路径的实例
2018/04/26 Python
使用python将图片格式转换为ico格式的示例
2018/10/22 Python
Python抓新型冠状病毒肺炎疫情数据并绘制全国疫情分布的代码实例
2020/02/05 Python
关于Kotlin中SAM转换的那些事
2020/09/15 Python
python实现PolynomialFeatures多项式的方法
2021/01/06 Python
windows系统Tensorflow2.x简单安装记录(图文)
2021/01/18 Python
移动HTML5前端框架—MUI的使用
2017/12/18 HTML / CSS
Nike加拿大官网:Nike.com (CA)
2019/04/09 全球购物
美国眼镜网站:LensCrafters
2020/01/19 全球购物
软件设计的目标是什么
2016/12/04 面试题
大学生简历中个人的自我评价
2013/10/06 职场文书
大学生军训自我评价分享
2013/11/09 职场文书
入党自我鉴定
2014/03/25 职场文书
带病坚持工作事迹
2014/05/03 职场文书
写给女朋友的保证书
2015/05/09 职场文书
2019个人年度目标制定攻略!
2019/07/12 职场文书
详解Alibaba Java诊断工具Arthas查看Dubbo动态代理类
2022/04/08 Java/Android