laydate 日期插件怎么在vue中引进

发布于
2017-04-04

这个是网上下载的laydate文件，放在了我的项目中的assets目录下

这个是我的main.js下引进
但是使用后没有任何效果，在mouted中使用这个方法

laydate({
  elem: '#demo'
})

会提示我laydate未定义？
这个laydate插件在vue项目中怎么使用

vue.js 日期控件

阅读 11.9k

2 个回答

raythunder

将laydate下载的包放入static
index.html 引入

<body>
    <div id="app"></div>
    <!-- built files will be auto injected -->
    <script src="static/laydate.js"></script>
</body>

在组件中使用

<template>
    <div class="hello">
        {{date}}
        <input type="text" id="test" v-model="date">
    </div>
</template>
<script>
  /* eslint-disable */
  export default {
    name: 'hello',
    data () {
      return {
        msg: 'Welcome to Your Vue.js App',
        titleActive: false,
        date: '2017-09-08 09:00:00'
      }
    },
    mounted: function () {
      console.log(laydate)
      laydate.render({
        elem: '#test',
        type:'datetime',
        done: (value) => {
          this.date = value
        }
      })
    }
</script>