zoukankan      html  css  js  c++  java
  • 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~更多用法见官网

  • 相关阅读:
    python django day 1
    C# 日常
    C# NPOI使用
    SharpZipLib 压缩ZIP导出
    JSON劫持
    跨站请求伪造CSRF或XSRF
    跨站脚本XSS安全
    会话窃取
    Cookie
    Promise -ES6
  • 原文地址:https://www.cnblogs.com/leiting/p/9183762.html
Copyright © 2011-2022 走看看