日历控件乱码的浏览器_浏览器中功能齐全且轻巧的日历

日历控件乱码的浏览器

卡伦达尔 (Kalendar)

Your best friend when it comes to event managment in Vue, React or Angular. This is the Vue version of this plugin.

在Vue，React或Angular中进行事件管理时，您最好的朋友。 这是此插件的Vue版本。

入门 (Getting Started)

• Install plugin from npm

  从npm安装插件

import { Kalendar } from 'kalendar-vue';
import 'kalendar-vue/dist/kalendar-vue.css';
...
components: {Kalendar,...
},

• Provide Appointments array. This array will be the source of the appointments which are rendered in the calendar.

  提供约会数组。 此数组将成为日历中呈现的约会的来源。

使用插槽 (Using Slots)

The plugin can turn incredibly useful using scoped slots. You can customize all the essential parts of it.

使用范围内的插槽，该插件会变得非常有用。 您可以自定义其中的所有基本部分。

New Appointment
{{appointment_props.start_value.value}} - {{appointment_props.end_value.value}}
New Appointment
CancelSave
{{appointment_props.data.title}}
{{appointment_props.data.description}}{{appointment_props.start_value.value | normalizeDate('hh:mm A')}} - {{appointment_props.end_value.value | normalizeDate('hh:mm A')}}

路线图 (Roadmap)

• Improve performance

  提高绩效

  • Hard-code split value to 5mins, and use split-value-prop to only mark current_min%split-value-prop === 0
    将拆分值硬编码为5分钟，并使用split-value-prop仅标记current_min％split-value-prop === 0
  • for in loopfor in loop
  • This way, the rendering will be almost instant.
    这样，渲染几乎是即时的。

• Write docs

  撰写文件

• Write unit-test

  编写单元测试

• Write the React version of this plugin

  编写此插件的React版本

• Write the Angular version of this plugin

  编写此插件的Angular版本

翻译自: https://vuejsexamples.com/full-featured-and-lightweight-calendar-in-the-browser/

日历控件乱码的浏览器

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！