v-calendar|优雅的vue日历和日期选择器插件

v-calendar是一个优雅的日历和日期选择器插件，用于Vue.js。它可以显示带有突出显示区域、点、条、弹出窗口等的日历。它还支持自定义内容和样式。

使用方法

安装

如果您想使用v-calendar，首先您需要安装它，命令如下：

npm install v-calendar@next	
// 或者
yarn add v-calendar@next
		

使用

在main.js中引入v-calendar的样式

import 'v-calendar/dist/style.css';			
		

然后你可以全局引入：

import VCalendar from 'v-calendar';

// Use plugin with defaults
app.use(VCalendar, {})		
		

你可以自定义标签的名字

// main.js
import { SetupCalendar, Calendar, DatePicker } from 'v-calendar';

// Setup plugin for defaults or `$screens` (optional)
app.use(SetupCalendar, {})
// Use the components
app.component('Calendar', Calendar)
app.component('DatePicker', DatePicker)			
		

或者进行局部引入：

// main.js
import { SetupCalendar } from 'v-calendar';

// Setup plugin for defaults or `$screens` (optional)
app.use(SetupCalendar, {})			
		

// Component.vue script
import { Calendar, DatePicker } from 'v-calendar';

export default {
  components: {
    Calendar,
    DatePicker,
  },
  data() {
    return {
      date: new Date(),
    };
  },
}			
		

github网址：https://github.com/nathanreyes/v-calendar