angular2+ 引用layDate日期选择插件
layDate日期选择插件使用npm安装好像是行不通的,但angular2+的日期选择控件库又不能够支持时分秒的选择
在angular项目中引用layDate
1. 首先官网下载layDate独立版,把laydate文件夹下的文件放入assets文件夹下
2. 在angular-cli.json文件里添加
"styles": [ "assets/theme/default/laydate.css" ], "scripts": [ "assets/laydate.js" ],
3. 打开laydate.js文件搜索 modules/laydate/":"theme/
改为 modules/laydate/":"assets/theme/
4. 使用的时候在组件ts里声明,然后在页面初始化的时候创建实例
html页面
<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~更多用法见官网
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步