基于Vue.js的轻量级高性能日历组件。内存使用量少，性能好，样式好以及可伸缩性高

还支持日期选择器，日期范围，多个日历，模式日历等。

变更日志：

v2.8.88（08/16/2020）

• 更新资料

v2.8.87（2020年7月4日）

• 更新资料

v2.8.85（06/29/2020）

• 添加了时间选择器的标题，它引起了问题。
• 添加了范围清洁器按钮（带插槽）。

v2.8.79（05/05/2020）

• 添加了dist文件夹
• 更改了构建路径和目标
• 添加了页脚插槽&& isLayoutExpandable道具
• 将HTML标记更改为div，添加了带有动态内容的新道具isLayoutExpandable，添加了广告位navigationArrowLeft，navigationArrowRight
• 更改了日历SCSS
• 解决了与v模型有关的问题

安装和下载：

# NPM
$ npm install vue-functional-calendar --save

用法

Vue.use()

// 在vue文件中引入了
import FunctionalCalendar from 'vue-functional-calendar';
Vue.use(FunctionalCalendar, {
    dayNames: ['Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su']
});

导入组件

// 在VUE文件引入
import { FunctionalCalendar } from 'vue-functional-calendar';

组件设定

export default {
    components: {
        FunctionalCalendar
    },
    data() {
        return {
            calendarData: {}
        }
    }
}

模板用法

<FunctionalCalendar
      // v-model="calendarData"
      
      // v-on:changedMonth="changedMonth"
      // v-on:changedYear="changedYear"
      
      // :sundayStart="true"
      // :date-format="'dd/mm/yyyy'"
      // :is-date-range="true"
      // :is-date-picker="true"      
       :...:
></FunctionalCalendar>

与配置一起使用

组件设定

export default {
    components: {
        FunctionalCalendar
    },
    data() {
        return {
            calendarData: {},
            calendarConfigs: {
                sundayStart: false,
                dateFormat: 'dd/mm/yyyy',
                isDatePicker: false,
                isDateRange: false
            }
        }
    },
}

模板用法

<FunctionalCalendar
      // v-model="calendarData"
      // :configs="calendarConfigs"
></FunctionalCalendar>

props

事件