引入js与css
https://github.com/sentsin/laydate是采用原生js实现的组件,因此不需要考虑相关依赖,直接入手.
1.使用npm下载该组件npm install layui-laydate...-save
2.在.angular-cli.json文件中配置
"styles": [
"styles.scss",
"...../node_modules/layui-laydate/dist/laydate.js"
],
Angular在编译的时候会把上述的js引用都打包到scripts.bundle.js文件中
ts编译识别...laydate
第一步完成后如果在TS中使用laydate变量,编译器是会直接报错的,因为其找不到这个变量,因此这一步要做的就是让ts识别该变量.做法很简单,在typings.d.ts中加入声明
/*...因此该步骤必须放到Angular对视图渲染之后,也就是生命周期中的AfterViewInit函数中执行.另外该渲染会使得双向绑定失效,需要处理结果则可以在laydate的回调函数中处理.