- 基本显示设置之firstDay
- 基本显示设置之isRTL
- 基本显示设置之weekends
- 基本显示设置之hiddenDays
- 基本显示设置之weekMode
- 基本显示设置之weekNumbers
- 基本显示设置之weekNumberCalculation
- 基本显示设置之height
- 基本显示设置之contentHeight
- 基本显示设置之aspectRatio
- 基本显示设置之handleWindowResize
- 基本显示设置之viewRender
- 基本显示设置之viewDestroy
- 基本显示设置之dayRender
- 基本显示设置之windowResize
- 基本显示设置之render
- 基本显示设置之destroy
- 视图之概况
- 视图之View Object
- 视图之View Option Hash
- 视图之defaultView
- 视图之getView
- 视图之changeView
- 议程设置之allDaySlot
- 议程设置之allDayText
- 议程设置之axisFormat
- 议程设置之slotMinutes
- 议程设置之snapMinutes
- 议程设置之defaultEventMinutes
- 议程设置之firstHour
- 议程设置之minTime
- 议程设置之maxTime
- 议程设置之slotEventOverlap
- 当前时间设置之year
- 当前时间设置之month
- 当前时间设置之date
- 当前时间设置之prev
- 当前时间设置之next
- 当前时间设置之prevYear
- 当前时间设置之nextYear
- 当前时间设置之today
- 当前时间设置之gotoDate
- 当前时间设置之incrementDate
- 当前时间设置之getDate
- 文本自定义之timeFormat
- 文本自定义之columnFormat
- 文本自定义之titleFormat
- 文本自定义之buttonText
- 文本自定义之monthNames
- 文本自定义之monthNamesShort
- 文本自定义之dayNames
- 文本自定义之dayNamesShort
- 文本自定义之weekNumberTitle
- 鼠标事件之dayClick
- 鼠标事件之eventClick
- 鼠标事件之eventMouseover
- 鼠标事件之eventMouseout
- 日程编辑之selectable
- 日程编辑之selectHelper
- 日程编辑之unselectAuto
- 日程编辑之unselectCancel
- 日程编辑之select(callback)
- 日程编辑之unselect
- 日程编辑之select(method)
- 日程编辑之unselect(method)
- 工具之formatDate
- 工具之formatDates
- 工具之parseDate
- 工具之parseISO8601
- 数据之Event Object
- 数据之Event Source Object
- 数据之events(数组)
- 数据之events(json)
- 数据之events(函数)
- 数据之eventSources
- 数据之allDayDefault
- 数据之ignoreTimezone
- 数据之startParam
- 数据之endParam
- 数据之lazyFetching
- 数据之eventDataTransform
- 数据之loading
- 数据之updateEvent
- 数据之clientEvents
- 数据之removeEvents
- 数据之refetchEvents
- 数据之addEventSource
- 数据之removeEventSource
- 日程渲染之Colors
- 日程渲染之eventColor
- 日程渲染之eventBackgroundColor
- 日程渲染之eventBorderColor
- 日程渲染之eventTextColor
- 日程渲染之eventRender
- 日程渲染之eventAfterRender
- 日程渲染之eventAfterAllRender
- 日程渲染之eventDestroy
- 日程渲染之renderEvent
- 日程渲染之rerenderEvents
- 拖拽和调整之Requirements
- 拖拽和调整之editable
- 拖拽和调整之eventStartEditable
- 拖拽和调整之eventDurationEditable
- 拖拽和调整之dragRevertDuration
- 拖拽和调整之dragOpacity
- 拖拽和调整之eventDragStart
- 拖拽和调整之eventDragStop
- 拖拽和调整之eventDrop
- 拖拽和调整之eventResizeStart
- 拖拽和调整之eventResizeStop
- 拖拽和调整之eventResize
- 外部元素拖拽之droppable
- 外部元素拖拽之dropAccept
- 外部元素拖拽之drop
- 中文配置
文章来源于网络收集而来,版权归原创者所有,如有侵权请及时联系!
外部元素拖拽之dropAccept
dropAccept 提供了一种方法来判断哪些元素可以拖拽到日程表上,值为字符串或者函数,默认值为“*”。
默认情况下,将 FullCalendar 的 droppable 设置为 true,日程表接受所有“可拖拽元素”。dropAccept 属性让 FulLCalendar 更加有选择性的接受“可拖拽元素”。
dropAccept 的值可以是一个 jQuery 选择器字符串。也可以是一个函数,接受“可拖拽元素”作为参数,返回true表示可以插入到日程表。下面的例子中,第一个元素(id是“draggable1”)可以被拖拽到 FullCalendar 上,第二个(id是“draggable2”)不可以。
... <div id='calendar'></div> <div id='draggable1' class='cool-event'></div> <div id='draggable2'></div> ...
下面是js代码:
$('#calendar').fullCalendar({ droppable: true, dropAccept: '.cool-event', drop: function() { alert('dropped!'); } }); $('#draggable1').draggable(); $('#draggable2').draggable();
官方英文文档:http://arshaw.com/fullcalendar/docs/dropping/dropAccept/
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论