vue中使用laydate.js插件

佚名 6年前 (2019-05-09) 随笔 1400人围观抢沙发百度已收录

1、到官网下载laydate.js

https://www.layui.com/laydate/

SRE实战互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

2、下载好后，将包解压好放在index.html同级的地方。我是在public中建立个statick文件夹，放在了里面

3、在index.html中引入

<script src="./static/laydate/layDate-v5.0.9/laydate/laydate.js"></script>

4、在vue组件中使用

<template>
    <div class="main">
             <input id="test" class="form-control layer-date" placeholder="YYYY-MM-DD hh:mm:ss" v-model="date">
             <label class="laydate-icon"></label>    
    </div>
</template>

<script>

export default {
    data(){
        return{
            date: '2017-09-08 09:00:00',
        }
    },
    mounted(){
       console.log(laydate) laydate.render({ elem: '#test', type:'datetime', done: (value) => { this.date = value; console.log(this.date); } })
    },
    methods:{
    }
}
</script>

<style lang="less" scoped>
    
</style>