Angular4.0中引入laydate.js日期插件的方法教程


Posted in Javascript onDecember 25, 2017

前言

laydate.js经过贤心大大的重写之后功能越来越强大,用起来也愈渐灵活了,大家都知道。Angular是不支持直接引入js文件的,下面介绍项目如果引入laydate.js的方法(可同样用于其他js文件引入,可能会有一些差别)

方法如下:

一、将下载的laydate中的js和theme文件放到一个统一的文件下面,我把它放到asset下

Angular4.0中引入laydate.js日期插件的方法教程

二、在angular-cli.json配置js

Angular4.0中引入laydate.js日期插件的方法教程

三、修改laydate.js

Angular4.0中引入laydate.js日期插件的方法教程

找到这一句补全路径和删除版本号

"modules/laydate/":"assets/theme/")default/laydate.css"

四、ts文件中声明并使用

Angular4.0中引入laydate.js日期插件的方法教程

五:编译运行~

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对三水点靠木的支持。

Javascript 相关文章推荐
用JS实现一个TreeMenu效果分享
Aug 28 Javascript
jQuery1.6 类型判断实现代码
Sep 01 Javascript
js call方法详细介绍(js 的继承)
Nov 18 Javascript
一个很有趣3D球状标签云兼容IE8
Aug 22 Javascript
原生javascript实现图片按钮切换
Jan 12 Javascript
js用拖动滑块来控制图片大小的方法
Feb 27 Javascript
全面解析Bootstrap手风琴效果
Apr 17 Javascript
微信小程序 缓存(本地缓存、异步缓存、同步缓存)详解
Jan 17 Javascript
详解Vue中状态管理Vuex
May 11 Javascript
AngularJS基于MVC的复杂操作实例讲解
Dec 31 Javascript
webpack热模块替换(HMR)/热更新的方法
Apr 05 Javascript
ant-design-vue 快速避坑指南(推荐)
Jan 21 Javascript
JS实现标签滚动切换效果
Dec 25 #Javascript
JS实现图片居中悬浮效果
Dec 25 #Javascript
JS+CSS实现滚动数字时钟效果
Dec 25 #Javascript
Vue.js通用应用框架-Nuxt.js的上手教程
Dec 25 #Javascript
微信小程序录音与播放录音功能
Dec 25 #Javascript
利用vue + element实现表格分页和前端搜索的方法
Dec 25 #Javascript
VueRouter导航守卫用法详解
Dec 25 #Javascript
You might like
php图片裁剪函数
2018/10/31 PHP
CSS3画一个阴阳八卦图
2021/03/09 HTML / CSS
JS图片浏览组件PhotoLook的公开属性方法介绍和进阶实例代码
2010/11/09 Javascript
JS代码优化技巧之通俗版(减少js体积)
2011/12/23 Javascript
利用Javascript判断操作系统的类型实现不同操作系统下的兼容性
2013/01/29 Javascript
用js实现小球的自由移动代码
2013/04/22 Javascript
Extjs中通过Tree加载右侧TabPanel具体实现
2013/05/05 Javascript
控制页面按钮在后台执行期间不重复提交的JS方法
2013/06/24 Javascript
浅析jQuery对select操作小结(遍历option,操作option)
2013/07/04 Javascript
深入分析jquery解析json数据
2014/12/09 Javascript
JS的数组迭代方法
2015/02/05 Javascript
Bootstrap模态框调用功能实现方法
2016/09/19 Javascript
jQuery 遍历map()方法详解
2016/11/04 Javascript
js仿QQ邮箱收件人选择与搜索功能
2017/02/10 Javascript
Angular 4依赖注入学习教程之ValueProvider的使用(七)
2017/06/04 Javascript
详解Vue Elememt-UI构建管理后台
2018/02/27 Javascript
详解解决使用axios发送json后台接收不到的问题
2018/06/27 Javascript
jquery操作select常见方法大全【7种情况】
2019/05/28 jQuery
vue配置nprogress实现页面顶部进度条
2019/09/21 Javascript
原生JS实现微信通讯录
2020/06/18 Javascript
Javascript如何实现扩充基本类型
2020/08/26 Javascript
python获取Linux下文件版本信息、公司名和产品名的方法
2014/10/05 Python
python实现图书馆研习室自动预约功能
2018/04/27 Python
python3 json数据格式的转换(dumps/loads的使用、dict to str/str to dict、json字符串/字典的相互转换)
2019/04/01 Python
对Python3之方法的覆盖与super函数详解
2019/06/26 Python
Window10下python3.7 安装与卸载教程图解
2019/09/30 Python
django2.2 和 PyMySQL版本兼容问题
2020/02/17 Python
印度尼西亚最大和最全面的网络商城:Blibli.com
2017/10/04 全球购物
家庭睡衣和家庭用品:Little Blue House
2018/03/18 全球购物
面向对象编程OOP的优点
2013/01/22 面试题
广州盈通面试题
2015/12/05 面试题
函授教育个人学习的自我评价
2013/12/31 职场文书
法律专业大学生职业生涯规划书:向目标一步步迈进
2014/09/22 职场文书
商家认证委托书格式
2014/10/16 职场文书
2014年人事科工作总结
2014/11/19 职场文书
第28个世界无烟日活动总结
2015/02/10 职场文书