javascript - 如何在 Fullcalendar 中取消选择一个和多个选定日期?
问题描述
我在我的代码中使用完整的日历 js。我可以在日历中选择多个日期,但无法取消选择所选日期。我需要在哪里更改我的代码?
在 HTML 文件中
<div class ="main-container fullcalendar-booking-course unselectCancel">
<div id="calendar"></div>
</div>
在我的 JS 文件中
<script type="text/javascript">
$(document).ready(function() {
getFullCalendar();
</script>
<script type="text/javascript">
function getFullCalendar(){
$('#calendar').fullCalendar({
header: {
left: 'prev,next',
center: 'title',
right: 'month,agendaWeek'
},
views: {
month: {
titleFormat: 'YYYY, MM, DD'
}
},
validRange: function(nowDate) {
return {
start: nowDate,
end: nowDate.clone().add(1, 'months')
};
},
navLinks: true,
selectable: true,
selectHelper: true,
select: function(start, end) {
startDate = moment(new Date(start)).format("MM-DD-YYYY");
endDate = moment(new Date(end)).format("MM-DD-YYYY");
$("#calendar").fullCalendar('addEventSource', [{
start: start,
end: end,
rendering: 'background',
block: true,
}]);
$("#calendar").fullCalendar("unselect");
},
selectOverlap: function(event) {
return ! event.block;
},
editable: true,
eventLimit: true,
events: function(start, end, timezone, callback){
},
eventClick: function(event, jsEvent, view) {
},
loading: function(bool) {
$('#loading').toggle(bool);
},
eventRender: function(event, element){
},
eventAfterAllRender: function (view) {
var quantity = $('.fc-bgevent').length;
$("#quantity").val(quantity);
},
});
}
</script>
笔记:
我正在使用 fullcalendar js 文件和 CSS 文件。我已经在文档准备功能中初始化了该功能。我需要取消选择选定的日期。我可以选择多个日期,但无法取消选择日期。
解决方案
推荐阅读
- c# - 嗅探串口 - .net
- flutter - 如何删除 ReorderableListView 底部的额外间距 - 颤动?
- python - 如何每次运行只抓取更新的部分
- jquery - jQuery 在 991px 下调整大小时改变了一个函数
- python-3.x - multiprocessing.Manager().dict() 无法更新二级值
- php - 我正在尝试使用 php 发送邮件,但单击发送按钮后页面为空白且没有错误..我不知道为什么
- c++ - 访问不同的会话 tty
- ruby - 使用 || 为变量赋值 Ruby中带有if条件的运算符
- python - 根据数据框生成 3 个不同的列
- reactjs - 入口点未定义,内容不是来自 webpack。我的配置有什么问题?