jquery.fullCalendar官方文档翻译.doc

`jQuery.fullCalendar` 是一个流行的JavaScript库，用于在网页上展示日历视图。它能够帮助开发者轻松地创建交互式的日历应用，显示各种事件和安排。以下是对`jquery.fullCalendar`官方文档主要特性和选项的详细解释： 1. 初始化与调用： 要使用`fullCalendar`，你需要在HTML页面中引入`jQuery`库和`fullCalendar`的CSS及JS文件。然后，通过`$(#div_name).fullCalendar({//options})`来初始化日历，其中`#div_name`是你想要放置日历的DOM元素ID，`{//options}`是包含各种配置参数的对象。 2. 视图设置（views）： - `defaultView`: 默认显示的视图，可以设置为`month`、`basicWeek`、`basicDay`、`agendaWeek`或`agendaDay`。 - `views`：允许自定义或扩展不同的视图类型。 - `month`：显示一个月的概览，每个日期格子代表一天。 - `basicWeek`：显示一周的基本视图，不区分时间。 - `basicDay`：显示单天的基本视图，不区分时间。 - `agendaWeek`：显示一周的时间轴视图，区分24小时时间段。 - `agendaDay`：显示单天的时间轴视图，区分24小时时间段。 3. 头部布局（header）： - `header`：定义日历头部的显示内容，包括左、中、右三个部分。默认值包括标题、前一月、下一月、今天等按钮。 - `title`：当前视图的日期标题。 - `prev`、`next`、`prevYear`、`nextYear`：分别用于切换到前一视图、后一视图、前一年、后一年。 - `today`：跳转到当前日期。 - `view name`：允许自定义视图名称，对应已定义的视图。 4. 按钮文本（buttonText）： 可以自定义头部按钮的文本，如`prev`、`next`、`prevYear`等。 5. 长宽比例（aspectRatio）： 设置日历的高度与宽度的比例，影响时间槽的显示。 6. 全天事件默认值（allDayDefault）： 如果设为`true`，所有事件默认被视为全天事件。可以覆盖`event`对象中的`allDay`属性。 7. 周末显示（weekends）： 控制是否显示周末日期。如果设为`false`，将隐藏周六和周日。 8. 全天时间槽（allDaySlot）： 在`agenda`视图中，是否显示全天空白时间槽。如果设为`false`，将不显示。 9. 全天文本（allDayText）： 可以自定义“全天”事件的显示文本。 10. 开始小时（firstHour）： 在`agenda`视图中，定义一天的起始时间，默认为6。 11. 时间段间隔（slotMinutes）： 定义`agenda`视图中每个时间槽的分钟数，默认为30分钟。 12. 默认事件持续时间（defaultEventMinutes）： 未指定时长的事件默认持续的分钟数，默认为120分钟。 以上是`jQuery.fullCalendar`的一些核心配置选项，通过这些选项，你可以定制出满足需求的日历界面，展示各种复杂的日程安排。在实际开发中，还可以结合API来动态添加、修改和删除事件，实现高度交互的日历功能。