本文详细介绍了日历管理的使用方式、日程编辑、时间和日期格式化、日程事件对象、方法调用及触发事件等内容，同时提供了示例代码帮助理解。包括基本属性、配置选项、事件处理及API调用，适用于需要在网页上实现日历功能的应用场景。
翻译 : selfimpr
E-mail: lgg860911@yahoo.com.cn
Blog: http://blog.csdn.net/lgg201
转载请声明出处 : http://blog.csdn.net/lgg201
1. 使用方式 , 引入相关 js, css 后 , $(‘#div_name’).fullCalendar({//options}); 接受的是一个 option 对象
2. 普通属性
2.1. year, month, date: 整数 , 初始化加载时的日期 .
2.2. defaultView: 字 符串类型 , 默认是’ month;
2.2.1. 允许的 views:
2.2.1.1. month 一页显示一月 , 日历样式
2.2.1.2. basicWeek 一页显示一周 , 无特殊样式
2.2.1.3. basicDay 一页显示一天 , 无特殊样式
2.2.1.4. agendaWeek 一页显示一周 , 显示详细的 24 小时安排 ( 也就是议事日程 )
2.2.1.5. agendaDay 一页显示一天 , 显示详细的 24 小时安排
2.3. header: 定义按钮 / 文本在日历的顶部 , false 说明不使用 header., 使用 left, center, right 三个属性来进行布局 , 默认是 {left: ‘title’, center: ‘’, right: ‘today prev, next’}, 支持使用的 属性按钮 :
2.3.1. title: 一个包含当前 日期的文本
2.3.2. prev: 根据 view 的不同 , 返回上一月 / 周 / 天
2.3.3. next: 根据 view 的不同 , 返回下一月 / 周 / 天
2.3.4. prevYear: 使日历 返回到上一年
2.3.5. nextYear: 使日历 返回下一年
2.3.6. today: 将日历移动到 当天 .
2.3.7. view name: 上面 列举的支持 views 名称 , 用来切换 views
2.4. buttonText: 定 义 header 中使用的按钮的显示文本 : 接受的属性名 : prev, next, prevYear 等等
2.5. aspectRatio: 接 受一个浮点参数 , 调整宽高比例 .
2.6. allDayDefault: 布尔类型 , 默认 true, 决定每个 CalEvent 的 allDay 属性的默认值 . allDay 标明一个日程事件是否是整天的 , 也就是忽略具体的时间 , 只计算天数 . 默认情况下 , 所有的新添加的日程时间不加说明 , 都是 allDay 的 , 可以通过设置 allDayDefault, 使得新创建的日程时间 , 默认情况下就是关注时间的 .
2.7. weekends: 布尔类 型 , 默认为 true, 标识是否显示周六和周日的列 .
2.7.1. finxed: 每月固定显 示 6 周 .
2.7.2. liquid: 可能会显示 4, 5, 6 周 , 依赖于月份 , 每周的高度会拉长到填充可变高度 , 视 aspectRatio 而定 , 这里月份的高度是定的 .
2.7.3. vairiable: 可能 会显示 4, 5, 6 周 , 依赖于月份 , 每周的高度会有一个固定值 , 也就是说 , 整个月份的高度会随着有几周的行数而变化 .
2.8. allDaySlot: 布 尔值 , 默认是 true, 标明在 agenda views 模式下的时候 , 上面的 all-day 小块是否显示 .
2.9. allDayText: allDay 区域的文本内容 .
2.10. firstHour: 整型 , 默认值为 6. 表示在 agenda 的 views 中 , 刚打开的时候显示的是第 n 小时 , 该 table 用 scroll 控制 .
2.11. slotMinutes: 整 型 , 默认值 30, 表示在 agenda 的 views 中 , 两个时间之间的间隔 . 也就是没一个小时所在一行中另外分出来的每一个小行代表多少分钟 .
2.12. defaultEventMinutes: 整型 , 默认值 120, 和事件有关 , 功能不确定 .
3. 日程编辑
3.1. editable: Boolean 类型 , 默认值 false, 用来设置日历中的日程是否可以编辑 . 可编辑是指可以移动 , 改变大小等 .
3.2. disableDragging: Boolean 类型 , 默认 false, 所有的 event 可以拖动 , 必须 editable = true
3.3. diableResizing: Boolean, 默认 false, 所有的 event 可以改变大小 , 必须 editable = true
3.4. dragRevertDuration: 拖动恢复的时间 , 默认 500 毫秒 , 表示一个不成功的拖动之后 , 控件回复到原始位置的时间 .
3.5. dragOpacity: Float 类型 , 表示拖动时候的不透明度 . 指定一个 float 数值 , 表示所有的 views 下都使用该不透明度 , 也可以赋值为一个对象 , 通过 views hash 来指定特定的 views 中的不透明度 , 在以对象通过 views hash 指定不透明度时 , 可以指定一部分 , 然后 , 其他的用’’ : float 的方式来标明其他的所有的 views 下都使用该不透明度 .
3.5.1. month
3.5.2. week: basicWeek 和 agendaWeek
3.5.3. day: basicDay 和 agendaDay
3.5.4. agenda: agendaDay 和 agendaWeek
3.5.5. agendaDay
3.5.6. agendaWeek
3.5.7. basic: basicWeek 和 basicDay
3.5.8. basicWeek
3.5.9. basicDay
3.5.10. ‘’ : 空的字符串 , 表明所有其他的 views
4. 时间和日期的格式化
4.1. 支持的格式化占位符
4.1.1. s: 秒
4.1.2. ss: 秒 , 两位
4.1.3. m: 分钟
4.1.4. mm: 分钟 , 两位
4.1.5. h: 小时 , 12 小时制
4.1.6. hh: 小时 , 12 小时制 , 两位
4.1.7. H: 小时 , 24 小时制
4.1.8. HH: 小时 , 24 小时制 , 两位
4.1.9. d: 日期数字
4.1.10. dd: 日期数字 , 两位
4.1.11. ddd: 日期名称 , 缩写
4.1.12. dddd: 日期名称 , 全名
4.1.13. M: 月份数字
4.1.14. MM: 月份数字 , 两位
4.1.15. MMM: 月份名称 , 缩写
4.1.16. MMMM: 月份名称 , 全名
4.1.17. yy: 两位的年份
4.1.18. yyyy: 4 位的年份
4.1.19. t: 上下午加 a 或者 p
4.1.20. tt: 上下午加 am 或 pm
4.1.21. T: 上下午加 A 或者 P
4.1.22. TT: 上下午加 AM 或 PM
4.1.23. u: ISO8601 格式
4.1.24. S: 给日期加上 st, nd, rd, th 等后缀 , 表明是第几天
4.1.25. 特殊字符 :
4.1.25.1. ‘…’ 原意输出文本
4.1.25.2. ‘’ 表示一个单引号
4.1.25.3. (…), 括号内的占位符表 示的格式化日期中 , 至少有一个不为空 , 才显示括号内的这一组格式化字符串
4.2. titleFormat: string/object: 确定 header 中的 title 展示日期的格式 , 这里也可以使用 view hash 的方式通过对象进行配置 , 如果使用 view hash 的方式 , 配置 , 则每种 view 中的 title 的格式都是不一样的 .
4.3. columnFormat: string/object, 和 titleFormat 配置方式一样 , 影响各种 view 中的每列的表头显示文本 . 文档中关于 allDay 为 false 时的解释不明白 .
4.4. timeFormat: 默 认是 {agenda: ‘h:mm{ - h:mm}}, 影响的是添加的具体 的日程上显示的时间格式 .
4.5. axisFormat: string, 默认 h(:mm)tt, 影响 agenda views 下的最左的一列的时间显示方式 .
4.6. views hash: 现 在支持 view hashes 的选项有 : dragOpacity, titleFormat, columnFormat, timeFormat
5. formatDates: $.fullCalendar.formatDates(date1, date2, formatString, [options]): 和 formatDate 类似 , 但是接受两个 date, 在格式化字符串中 , 使用 {…} 来格式化第二个 date
6. Event sources:
6.1. events: array/string/function:
6.1.1. 配置事件源
6.1.1.1. 数组是硬编码的日程事件 .
6.1.1.2. 提供一个 URL, 该 URL 返回一个 json 或数组的日程事件组 , GET 参数视 startParam 和 endParam 选项而定 .
6.1.1.3. 提供一个函数 , 以自定义的方式抓取数据 , 该函数需要接受参数 start, end, callback, 分别表示抓取的日程事件的开始时间 , 结束时间 , 抓取结束后的回调比如 :
events: function(start, end, callback) {$.getJSON(“/myscript”, {start: start.getTime(), end: end.getTime()}, function(result) {callback(result);})}
6.2. eventSources: Array, 就像 events 选项一样 , 但是 , 这个用来配置多个日程事件数据来源 .
6.3. startParam: string, 默认值 : start, 这个就是在使用 URL 方式获取 events 数据源的时候 , 自动插入到 URL 中的参数 , 表示当前需要抓取的日程事件的起始时间
6.4. endParam: string, 默认值 : end, 和 startParam 参数意义相同 , 表示要抓取的日程事件的终止时间
6.5. cacheParam: 当 使用 JSON url 方式获取日程事件时 , 为了防止 ajax 自身的缓存带来的数据不同步问题 , 加入的鉴别参数名 , 值是由 full calendar 控制加入的当前时间 . 不懂可以查询 ajax 缓存解决方案 .
7. CalEvent 对象 : 标准的当前使用的日程事件源 ( 请注意区分这里的日程事件和计算机领域的事件之间的区别 , 这里的事件是业务上的 , 表明在某个时间做某事的一个记录 , 而计算机领域的事件则是用户对计算机的一个动作 )
7.1. id: Integer/String: 日程事件的标识 , repeat 型的日程事件拥有相同的 id
7.2. title: string, 日程事件的标题
7.3. allDay: Boolean, 默认 true, 标明一个日程事件是否是关注 具体时间的 , 如果是 true, 表明该日程事件不关注具体时间 , 是当天所有时间都有的 , 所以 , 该日程事件的日期会被忽略 , 在 agenda view 中通过专门的 allDay 区域显示 , 如果是 false, 则是关注开始时间和结束时间的 .
7.4. date: Date 类型 , 是 start 属性的别名
7.5. start: Date 类型 , 一个 javascript 的 Date 对象 , 方便起见 , 可以使用 IETF 格式 , ISO8601 格式以及 UNIX 时间戳等多种方式的字符串表示 .
7.6. end: Date( 可选的 ): 和 start 一样 , 不过表示日程时间的结束时间 .
7.6.1. 如果对应的日程事件是 allDay 的 , 那么 10 月 1 日 8 时到 10 月 3 日 8 时就表示跨度是 3 天
7.6.2. 如果对应的日程时间不是 allDay 的 , 那么 10 月 1 日 8 时 10 月 3 日 8 时则表示跨度是 48 个小时 .
7.6.3. url: string, 设 置一个 url, 该日程事件被点击的时候使用 , 新的页面默认在当前窗口打开 , 如果使用更复杂的事件处理 , 要使用 eventClick 触发动作 ( 这份文档中使用了 Triggered Action 来描述计算机领域的事件 , 防止了和该插件所在领域的日程事件冲突 .)
8. 方法 : 方法调用的方式 : $(‘.selector’).fullCalendar(‘method_name’) 首先使用一个 jquery 选择器获取日历控件对象 , 然后 , 调用 fullCalendar(), 参数是字符串形式的方法名
8.1. prev, 跳转到前一月 / 周 / 天 , 根据当前的 view 决定
8.2. next, 同 prev, 是后一月 / 周 / 天
8.3. today, 跳转到今天 .
8.4. gotoDate: 调用方 式 : $(‘.selector’).fullCalendar(‘gotoDate’, year[, month[, date]]) 调用方法名为 gotoDate, 后面三个参数传递年 , 月 , 日 , 年是必选 , 其他两个可选 . 其中的月 month 参数 , 是以 0 开始计算的 , 也就是说一月对应 0. 该方法也可以使用单参数的方式调用 , 传递一个 javascript 的 Date 对象 .
8.5. incrementDate: $(‘.selector’).fullCalendar(‘incrementDate’, years[, months[, days]]) 以当前时间为轴 , 将日历向前 , 或向后移动指定长度的时间 , 比如 : $(‘.selector’).fullCalendar(‘incrementDate’, -3, 2, -5) 就表示将日历年份向前移动 3 年 , 月份向后移动 2 月 , day( 天数 ??? 呵呵 ) 向前移动 5 天 .
8.6. changeView: $(‘.selector’).fullCalendar(‘changeView’, viewName) 切换日历的 view, viewName 必须是允许的 views
8.7. updateEvent: $(‘.selector’).fullCalendar(‘updateEvent’, calEvent) 更新日历空间中的一个日程事件 , 如果是 repeat 的日程事件 , 则都更新 . 这里更新的 calEvent 对象必须是 Triggered Action( 触发事件 ) 中作为参数传递的或 clientEvents 方法中返回的 CalEvent 实例 , 也就是说必须是合法的 , 在日历中可检索的 .
8.8. renderEvent: $(‘.selector’).fullCalendar(‘renderEvent’, calEvent, [stick]) 将一个新的 CalEvent 对象渲染到日历中 , 该对象至少要有 title 和 start 属性 . 默认情况下 , 新渲染的这个 CalEvent 对象在日历重新获取日程事件源 ( 比如 prev, 或 next 调用 ) 的时候 , 会消失 , 如果设置 stick 参数为 true, 则会保证新渲染的 CalEvent 对象永久保留 .
8.9. removeEvents: $(‘.selector’).fullCalendar(‘removeEvents’, [idOrFilter]): 从日历中删除一个日程事件 . 第二个参数可以不填 , 可以填 id, 可以是一个过滤器 ( 一个函数 , 接受 CalEvent 对象作为参数 )
8.9.1. 不填 : 所有的日程事件被移除
8.9.2. id: 指定 id 匹配的所有的日程事件被移除
8.9.3. 过滤器 : 过滤器接受 CalEvent 对象作为参数 , 在过滤器内部 , 通过一些策略处理 , 如果需要移除 , 则返回 true, 否则返回 false.
8.9.4. clientEvents: $(‘.selector’).fullCalendar(‘clientEvents’, [idOrFilter]): 返回 FullCalendar 已经存储到客户端的 CalEvents 对象数组 , 第二个参数和 removeEvents 方法的第二个参数意义相同 , 只不过在过滤器中 , 如果返回 true, 则该 CalEvent 对象将被加入到返回的数组中
8.9.5. addEventSource: $(‘.selector’).fullCalendar(‘addEventSource’, source): 添加一个日程事件源 , 添加之后 , FullCalendar 会马上从该源获取日程事件 , 并加载到日历中 . 第二个参数和定义 Calendar 时候使用的 url 参数一致 .
8.9.6. removeEventSource: $(‘.selector’).fullCalendar(‘removeEventSource’, source) 移除一个日程事件源 , 该源上获取得到的日程时间 也将被马上从日历中移除 .
8.9.7. rerenderEvents: $(‘.selector’).fullCalendar(‘rerenderEvents’) 重新渲染屏幕上的所有日程事件 .
8.9.8. refetchEvents: $(‘.selector’).fullCalendar(‘refetchEvents’) 重新抓取所有的日 程事件源上的日程事件并渲染它们 .
8.9.9. render: $(‘.selector’).fullCalendar(‘render’): 该方法用来立刻渲染整个日历 , 在一个可见的元素上调用 fullCalendar 的时候 , 该方法会自动调用 , 如果是在一个隐藏的元素上调用 , 则需要尽快的手动调用使该元素可见并渲染 .
9. 触发事件 (Triggered Action): 计算机领域中的事件
9.1. viewDisplay: function(view)….. 每次日历加载以及日历的 view 改变的时候触发一次 . 接受的 view 就是前面一直有提到的 view 对应的对象 .
9.2. loading: function(isLoading, view)….. 日历开始加载的时候 , isLoading 参数为 true 触发一次 , 日历加载完毕 , isLoading 参数为 false 触发一次 .
9.3. windowResize: function(view) 由于包含日历的窗口大小发生变化导致日历控件大小发生变化时触发 . ( 这个方法中的 this 变量指向哪个元素不清楚 , 因为我这边浏览器改变大小没有导致日历大小改变 .)
9.4. dayClick(dayDate, allDay, jsEvent, view): 用户点击 day 的时候触发 , dayDate 是点击的 day 的时间 ( 如果在 agenda view, 还包含时间 ), 在 month view 下点击一天时 , allDay 是 true, 在 agenda 模式下 , 点击 all-day 的窄条时 , allDay 是 true, 点击其他的 agenda view 下的 day 则为 false, jsEvent 就是一个普通的 javascript 事件 , 包含的是 click 事件的基础信息 . 在这个方法中 , this 获得的是一个普通的 HTML 的 DOM 元素 , 是包含该日期的一个 TD
9.5. eventRender: function(calEvent, element, view): 日程事件渲染之前触发 . calEvent 是一个 CalEvent 日程事件对象 , element 是 calEvent 对象对应的 JQuery 对象 . view 就是当前所处的 view 的实例对象 , 这个方法中使用关键字 this 获得的是 calEvent 对象的引用 . 这个事件的处理方法如果返回 false, 可以阻止渲染所有的日程事件 . 该方法中可以通过修改 jquery 对象 element 来改变具体的渲染方式 , 因此可以很好的和其他插件结合使用 .
9.6. eventClick, eventMouseover, eventMouseout: function(calEvent, jsEvent, view): 日程事件被点击 , 鼠标划过 , 鼠标离开的事件 . 参数和上面介绍过的同名参数一致 . 这里的 eventClick 事件如果返回 false, 可以阻止浏览器跳转到对应日程事件在初始配置时指定的 url 地址 . 这种事件的阻止传播可以参照 DHTML 文档关于事件的传播和原始响应 .
9.7. eventDragStart, eventDragStop: function(calEvent, jsEvent, ui, view) 日程事件被拖动之前和之后触发 . 这里的拖动不一定是 一个有效的拖动 , 只要日程事件的控件被拖着动了 , 事件就触发 . 同名参数和上面介绍过的一样 . UI 保存的是一个 JQuery 的 UI 对象 . 可以从该对象中获取位移 , 位置等数据 .
9.8. eventDrop: function(calEvent, dayDelta, minuteDelta, allDay, revertFunc, jsEvent, ui, view) 在一个日程事件被移动 , 并成功移动到另外一个日期 / 时间 .
9.8.1. dayDelta: 保存了 这次拖动导致该日程事件移动了多少天 , 向前为正数 , 向后为负数 .
9.8.2. minuteDelta: 保 存了这次拖动导致该日程事件移动了多少分钟 , 向前为正数 , 向后为负数 . 该值只有在 agenda view 下有效 .
9.8.3. allDay: 如果在 month view 下移动 , 或在 agenda view 下移动到 all-day 区域 , 则 allDay 为 true, 移动到 agenda view 的其他区域则为 false
9.8.4. revertFunc: 调 用该方法 , 可以将刚才的拖动恢复到原状 . 这个方法多用于 ajax 的提交 , 移动之后 , 提交数据到后台 , 如果后台更新失败 , 根据返回消息 , 调用这个方法 , 可以使页面回复原状 .
9.8.5. eventResizeStart, eventResizeStop: function(calEvent, jsEvent, ui, view): 在一个日程事件改变大小之前之后发生 ( 不一定要改变成功 .) calEvent 保存了日程事件信息 (date, title, 等等 )
9.8.6. eventResize: function(calEvent, dayDelta, minuteDelta, revertFunc, jsEvent, ui, view): 在日程事件改变大小并成功后调用 , 参数和 eventDrop 参数用法一致 .
10. View 对象
10.1. name: 前面列举的那些 view 名称
10.2. title: string: 切换到 view 的时候 , 可以在 header 中设置的 title 变量的值 .
10.3. start: Date 类型 , 该 view 下的第一天 .
10.4. end: Date 类型 , 该 view 下的最后一天 . 由于是一个闭合的值 , 所以 , 比如在 month view 下 , 10 月这个月份 , 那么 end 对应的应该是 11 月的第一天 .
10.5. visStart: Date 类 型 . 在该 view 下第一个可以访问的 day. month view 下 , 该值是当月的第一天 , week view 下 , 则通常和 start 一致 .
10.6. visEnd: Date 类 型 , 最后一个可访问的 day
11. 颜色的修改 : 通过重写 css 实现
11.1. 示例一 :
11.2. 示例二
12. 主题 , 使用 jquery ui 提供的主题
12.1. theme: Boolean, 默认 false, 设置为 true, 允许使用 jquery 的 ui 主题
12.2. buttonIcons: Object, 改变 header 中使用的 prev, next 等变量对应按钮的样式 , 默认的样式是 :
13. 本地化选项 :
13.1. firstDay: Integer 类型 , 默认值 0. 一周中显示的第一天 是哪天 . 星期天是 0, 星期一是 1, 类推 .
13.2. monthNames: Array, 月份全名使用的字符串 , 默认是英文的月 份名称全称 .
13.3. monthNamesShort: Array, 月份简写使用的字符串 , 默认是英文月份名称简写
13.4. dayNames: Array, 星期的全名使用的字符串 , 默认是英文的星 期的名称全称 .
13.5. dayNamesShort: Array, 星期的简写使用的字符串 , 默认是英文星期的名称简写
13.6. buttonText 和 allDayText 在最初的 2.4 和 2.9 部分已经介绍 .
14. 日期工具
14.1. 格式化日期 : $.fullCalendar.formatDate(date, formatString[, options]), 通 过指定的格式格式化一个日期 , 返回一个字符串 . options 选 项是一个对象 , 其中设置本地化变量支持的属性值 . 比如 { monthNames : [‘ 一月’ , ‘ 二月’ , ……], dayNames: [‘ 周日’ , ‘ 周一’ , …..]}
14.2. 一次格式化两个日期 : $.fullCalendar.formatDate(date1, date2, formatString[, options]): 和上一个格式化日期类似 , 只不过 , 这里在 formatString 中使用大括号 {…} 来描述第二个日期的格式化方式 .
14.3. 解析日期 : $.fullCalendar.parseDate(string): 将一个字符串格式成一个 javascript 的 Date 对象 , 这个 string 可以是 ISO8601, IETF, UNIX 时间戳三种格式 .
14.4. parseISO8601: $fullCalendar.parseISO8601(string[, ignoreTimezone]) 将一个 ISO8601 字符串转换成一个 javascript 的 Date 对象 .
15. 将日程和 google 的日程管理连接起来 .
15.1. 需要引入另外一个 js 文件 : gcal.js
15.2. events: $.fullCalendar.gcalFeed(‘ 自己的 google calendar 的 feed 地址’ , {editable: false, className: ‘gcal-events’, currentTimeZone: ‘ 自己在 google calendar 上设置的 时区’ }) 这样就将自己的 google calendar 上的日程和自己的应用挂接起来了 .
15.3. 下面是我自己关联自己的 google calendar 的代码 :
16. 总结 :
16.1. 使用时 , 下载发布版本 , 而不是开发版本
16.2. 需要引入的文件 :
<!— 这个 css 可以根据自己的情况 , 修改成自己喜欢的样式 . 500 行的 css, 修改量不是很大 . 主要是理清关系 . -->
<link rel='stylesheet' type='text/css' href='../fullcalendar.css' />
<script type='text/javascript' src='../jquery/jquery.js'></script>
<!— 以下 4 个 js 文件是 jquery-ui 相关的包 , 可以使用 fullcalendar 中自带的 , 也可以自己到 jquery 的 ui 官方库自己订阅一个合适自己使用的 min 版 , 那样 , 就会得到一个有选择的 , 经过压缩的单独的一个 js 文件 . 效率上比较高 . -->
<script type='text/javascript' src='../jquery/ui.core.js'></script>
<script type='text/javascript' src='../jquery/ui.draggable.js'></script>
<script type='text/javascript' src='../jquery/ui.resizable.js'></script>
<script type='text/javascript' src='../fullcalendar.min.js'></script>
<script type='text/javascript' src='../gcal.js'></script> <!— 如果需要使用 google 的同步账户才需要引入 . -->
17. 主要概念 :
17.1. 日历 : 整个日历控件的 div, 也就是我们 $(‘#calendar’).fullCalendar 这样使用的时候 id 为 calendar 的容器 .
17.2. 日程事件 : 某一条日程记录 , 比如 : 2009 年 11 月 16 日星期一 晚上 11 点 11 分 11 秒 111 毫秒 , 事件 title 为 : “selfimpr, 需要做某某工作 . 邮箱 : lgg860911@yahoo.com.cn , Blog: http://blog.csdn.net/lgg201 ”
17.3. 触发动作 : 经过 Jquery 封装的 javascript 事件… .
17.4. jsEvent: 原始的 javascript 事件 .
17.5. 由于 javascript 是动态语言 , 所以 , 对于 calEvent 对象或其他任何对象而言 , 想要保存一些数据 , 直接设置就可以了 , 比如 , 你想在 calEvent 中保存女朋友的名字 , 那就可以 calEvent.girl_friend_name = ‘beautiful girl’, 到你用的时候 , 你就可以直接拿到了… . 用的时候 , 最好这样来用 : my_girl_friend_name = calEvent.girl_friend_name || “another beautiful girl”; 这样 , 当你保存在 calEvent 中的女朋友因为中间操作丢失 , 或者你根本没有保存上你还不知道的时候 , 你就可以得到 another beautiful girl, 而不至于一无所获 , 甚至引发一些不必要的麻烦 ( 浏览器上的警告 , 说你试图调用一个 undefined 对象的属性 ).
18. 领域模型 : 呵呵 , 自己根据自己的理解画的 , 希望可以帮到大家理解这个日程管理的概念 .
扫一扫
1287
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
