最新FullCalendar中文文档

2020-02-22 17:54:59

最新FullCalendar中文文档合集 大家可以参考这个网站的总结,挺到位

最新FullCalendar中文文档

Fullcalendar是一款用来管理日程安排、工作计划的日历工具,它功能非常强大而且非常实用。而目前网络上没有很好的中文文档,为了更好的和大家分享Fullcalendar的相关使用,即日起计划将Fullcalendar的英文文档翻译成中文版。

本站几年前发表过几篇有关FullCalendar的文章,深受广大同学的喜爱,而如今,由于版本陈旧,很多同学要求更新最新版本的Fullcalendar应用。目前FullCalendar的最新版本是v3.6.2,下载地址:https://fullcalendar.io/download/,作者一直在更新,目前依赖jQuery,希望能出基于React和Vue的版本。我的翻译是基于官方英文文档,结合自己理解,尽量使用通俗易懂的语言描述,并结合演示实例讲解。目前翻译还在继续,不断会有更新,不足之处,欢迎指正。

20191214更新:基于Vue的Fullcalendar应用请查阅本站文章:《在Vue框架下使用Fullcalendar》。

基本使用

通用显示

Timezone(时区)

Views(视图)

Agenda Options(日程选项)

List View(列表视图)

Current Date(当前日期)

Text/Time Customization(自定义文本和时间)

Clicking & Hovering(鼠标单击和悬停)

Selection(选中)

Utilities

  • Moment

  • Duration

  • date formatting string

  • formatRange (function)

  • get / set options dynamically

  • on / off

Event Data(事件数据)

Event Rendering(事件渲染)

Event Dragging & Resizing(事件拖放)

官方英文文档地址: https://fullcalendar.io/docs/


  • 2020-02-25 15:15:56

    nuxtjs全栈

    Nuxt.js 依据 pages 目录结构自动生成 vue-router 模块的路由配置。 要在页面之间使用路由,我们建议使用<nuxt-link> 标签。

  • 2020-02-25 19:24:08

    IDEA 简单的正则匹配

    IDEA在进行查看或替换的时候,勾选Regex 选项就可以进行正则匹配查找了 几个简单实用的正则:

  • 2020-02-26 20:16:49

    一条简单的命令就可以将 stylus 语法转换为 scss 语法

    因为早期有个项目用到了 stylus,stylus 开发起来很爽,但 stylus 基于缩进的代码在修改的时候不是很方便,加上所在团队开发使用的都是 SCSS ,为了便于维护和统一,准备将项目中的 stylus 替换成 SCSS。手动转换 stylus 浪费时间,且出错率大,当时在想也许别人也有这样的需求呢,所以就做了这样一个项目。请各位大佬动动你们发财的小手,给我点个 star,不胜感激。^_^

  • 2020-02-27 09:01:32

    npm yarn 命令对比

    Yarn 是 Facebook, Google, Exponent 和 Tilde 开发的一款新的 JavaScript 包管理工具。就像我们可以从官方文档了解那样,它的目的是解决这些团队使用 npm 面临的少数问题.

  • 2020-02-29 20:47:34

    Nuxt 特有函数和变量

    asyncData方法使得你能够在渲染组件之前异步获取数据。该方法在服务端中执行的,所以,请求数据时,不存在跨域问题。返回的数据将与 data() 返回的数据进行合并。由于asyncData方法是在组件 初始化 前被调用的,所以在方法内是没有办法通过 this 来引用组件的实例对象。

  • 2020-03-01 19:00:46

    触发onclick事件元素的获取

    自动生成元素的onclick事件 event.target返回触发事件的元素 event.currentTarget返回绑定事件的元素