可视化日历_使用Vuetify可视化DaySpan日历和时间表的组件的集合

可视化日历

跨天验证 (dayspan-vuetify)

A collection of components for Schedules and Calendars in DaySpan using Vuetify.

使用Vuetify的DaySpan中的日程表和日历的组件集合。

This library strives to offer all the functionality any modern calendar app could support, and more. Not only can this be used for calendar apps, but any application where the user wishes to control when events should occur within a system.

该库致力于提供现代日历应用程序可以支持的所有功能，以及更多功能。 这不仅可以用于日历应用程序，还可以用于用户希望控制何时在系统中发生事件的任何应用程序。

Every feature of the library can be toggled with local and global settings, and all text can be localized.

可以使用本地和全局设置来切换库的每个功能，并且可以对所有文本进行本地化。

View demo 查看演示 Download Source 下载源

状态 (Status)

This library is nearing functional completion (documentation on every component, prop, event, slot, method will have to wait) but is still subject to the occasional small change in API.

该库即将完成功能(每个组件，属性，事件，插槽，方法的文档将要等待)，但仍会受到API偶尔更改的影响。

用法 (Usage)

Install with npm install --save dayspan-vuetify

使用npm install --save dayspan-vuetify

import DaySpanVuetify from 'dayspan-vuetify'

Vue.use( DaySpanVuetify, {
  // options is vue definition, the resulting reactive component is stored in components as this.$dayspan or Vue.$dayspan
  data: {
    // data or computed to override
  },
  computed: {
    // data or computed to override
  },
  methods: {
    // methods to override
  }
});

To see what options can be passed to the plugin.

查看可以将哪些选项传递给插件。

Once done, you can access components like ds-event, ds-calendar, and ds-calendar-app from any component (they are registered globally).

完成后，您可以从任何组件(它们已全局注册)访问ds-event ， ds-calendar和ds-calendar-app组件。

构建设置 (Build Setup)

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

翻译自: https://vuejsexamples.com/a-collection-of-components-that-visualizes-dayspan-calendars-and-schedules-using-vuetify/

可视化日历