vue中使用laydate.js插件

• Z时代
• 2024-01-10
• 分类：综合

1、到官网下载laydate.js

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

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>

以上是 vue中使用laydate.js插件 的全部内容， 来源链接： utcz.com/z/376818.html