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~更多用法见官网

猜你喜欢

转载自www.cnblogs.com/leiting/p/9183762.html