date-data

vue自定义日期组件,支持自定义日期,点击返回数据

使用教程

# 安装插件
npm install --save date-data
 
# 全局组件使用(按自己的需求，也可以局部组件使用)
import dateData from 'date-data';
Vue.use(dateData);

使用demo

<template>
    <div class="app-main">
      <date-data :data-list="filedata" @change="changeFun"></date-data>
    </div>
</template>
 
<script>
export default {
  data(){
    return {
      filedata: {
          date: '2019-03',//月份日期格式一定要按照 “年份-月份”
          list: [
             {d:'2019-03-12',value:'fdfd'},
             {d:'2019-03-13',value:{a:'xxx',b:'ddd'}}
          ]//list 里面的d代表日期存在有数据的日期。
      }
    }
  },
  methods:{
    changeFun(m){
        console.log(m);
        //选中日期返回的数据
    }
  }
}
</script>
 
<style>
*{padding: 0;margin: 0;}
.app-main{ width: 350px; margin: 40px auto; }
 
</style>

ps:文档写的不够详细，开发遇到问题的可以微信V我 YD1008610000