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来动态添加、修改和删除事件,实现高度交互的日历功能。
- xujianzhong2011-09-13很好用,不过控件本身没满足我的要求 ,最后还是自己写了个 ,回头发上来大家共享下
- Q1985hxl2012-11-12可以借鉴一下,但还是写的太笼统了,不够详细
- David_zhangA2013-06-27可以借鉴下,但是实习操作还需要再仔细琢磨
- 粉丝: 0
- 资源: 2
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助