layDate日期選擇插件使用npm安裝好像是行不通的,但angular2+的日期選擇控件庫又不可以支持時分秒的選擇css
在angular項目中引用layDatehtml
1. 首先官網下載layDate獨立版,把laydate文件夾下的文件放入assets文件夾下npm
2. 在angular-cli.json文件裏添加json
"styles": [ "assets/theme/default/laydate.css" ], "scripts": [ "assets/laydate.js" ],
3. 打開laydate.js文件搜索 modules/laydate/":"theme/ angular2
改成 modules/laydate/":"assets/theme/ ui
4. 使用的時候在組件ts裏聲明,而後在頁面初始化的時候建立實例this
html頁面spa
<input type="text" id="s" />
ts文件插件
declare let laydate; ngOnInit() { laydate.render({ elem:'#s', // s爲頁面日期選擇輸入框的id type:'datetime', theme:'#0c6acf', done:(value, date, endDate)=>{ this.addleaveApplyParams.startLeave = value console.log(value) console.log(date) console.log(endDate) } }) }
以上,就能夠在angular項目中使用laydate~更多用法見官網code