angular2+ 引用layDate日期选择插件

layDate日期选择插件使用npm安装好像是行不通的，但angular2+的日期选择控件库又不能够支持时分秒的选择

在angular项目中引用layDate

1. 首先官网下载layDate独立版，把laydate文件夹下的文件放入assets文件夹下

 

2. 在angular-cli.json文件里添加

1. "styles": [
2. "assets/theme/default/laydate.css"
3. ],
4. "scripts": [
5. "assets/laydate.js"
6. ],

 3. 打开laydate.js文件搜索 modules/laydate/":"theme/ 

改为 modules/laydate/":"assets/theme/ 

4. 使用的时候在组件ts里声明，然后在页面初始化的时候创建实例

html页面

1. <input type="text" id="s" />

ts文件

1. declare let laydate;
2.  
3. ngOnInit() {
4. laydate.render({
5. elem:'#s', // s为页面日期选择输入框的id
6. type:'datetime',
7. theme:'#0c6acf',
8. done:(value, date, endDate)=>{
9. this.addleaveApplyParams.startLeave = value
10. console.log(value)
11. console.log(date)
12. console.log(endDate)
13. }
14. })
15. }

以上，就可以在angular项目中使用laydate~更多用法见官网