angular2+ 引用layDate日期選擇插件

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

相關文章
相關標籤/搜索