Javascript 可能的长度); 返回文本; } $(“#form_id”).val(makeid()); var calendar=$(“#calendar”).fullCalendar({ 是的, 慢速持续时间:“00:20:00”, defaultView:'agen
可能的长度); 返回文本; } $(“#form_id”).val(makeid()); var calendar=$(“#calendar”).fullCalendar({ 是的, 慢速持续时间:“00:20:00”, defaultView:'agendaWeek', 全天时段:错, 事件约束:{ start:'00:00',//开始时间(本例中为一天的开始时间) end:'24:00',//结束时间(本例中为一天的结束) }, 标题:{ 左:“上一个,下一个今天”, 中心:'标题', 右图:“月,agendaWeek,agendaDay” }, 事件:“load.php?id=”+$(“#form_id”).val(), eventRender:函数(事件,元素){ 如果(!event.editable){ element.addClass('fc-event-non-editable'); element.draggable=false; } }, 事件重叠:错误, 是的, selectHelper:对, 选择:功能(开始、结束、全天、恢复功能) { var myDate=新日期(); myDate.setDate(myDate.getDate()-1); var eventData={ 开始:开始, 完:完 }; 如果(约会<3次){ 如果(开始>=myDate.getTime()){ 变量标题=提示(“输入事件标题”); 如果(标题) { var start=$.fullCalendar.formatDate(开始,“Y-MM-DD HH:MM:ss”); var end=$.fullCalendar.formatDate(end,“Y-MM-DD HH:MM:ss”); $.ajax({ url:“insert.php”, 类型:“POST”, 数据:{title:title,start:start,end:end,user_id:$(“#form_id”).val(), 成功:函数() { 警报(“添加成功”); $(“#日历”).fullCalendar('unselect'); $(“#日历”).fullCalendar('refetchEvents'); 任命++; } }) } }否则{ 警报(“无法在今天之前预约”); $('#calendar').fullCalendar('renderEvent',eventData,true); } }否则{ 警报(“最多可选择3个日期!”); } }, eventResize:函数(事件、增量、恢复函数) { 如果((event.end-event.start)Javascript 可能的长度); 返回文本; } $(“#form_id”).val(makeid()); var calendar=$(“#calendar”).fullCalendar({ 是的, 慢速持续时间:“00:20:00”, defaultView:'agen,javascript,jquery,fullcalendar,Javascript,Jquery,Fullcalendar,可能的长度); 返回文本; } $(“#form_id”).val(makeid()); var calendar=$(“#calendar”).fullCalendar({ 是的, 慢速持续时间:“00:20:00”, defaultView:'agendaWeek', 全天时段:错, 事件约束:{ start:'00:00',//开始时间(本例中为一天的开始时间) end:'24:00',//结束时间(本例中为一天的结束) }, 标题:{ 左:“上一个,下一个今天”, 中心:'标题', 右图
$('#calendar').fullCalendar({
header:{
left: '',
center: '',
right: ''
},
columnFormat: {
week: 'ddd'
},
selectable:true,
selectHelper: true,
editable: false,
eventStartEditable : false,
allDaySlot: false,
defaultView: 'agendaWeek',
slotDuration:'01:00:00',
allDay: false,
slotEventOverlap: false,
dayClick: function(date,JSevent, view) {
//$(this).fullCalendar('unselect');
console.log("I am hereerer");
$('#calendar').fullCalendar('clientEvents', function(event) {
console.log(date);
console.log(event.start);
console.log(event.end);
if(event.start <= date && event.end >= date) {
return true;
}
return false;
});
},
select:function(start, end)
{
var minutes = end.diff(start,"minutes");
$('#calendar').fullCalendar('unselect');
if(minutes===60)
{
$('#calendar').fullCalendar('renderEvent', {
start: start,
end: end,
allDay: false
},
true
);
}
}
});
<script>
$(document).ready(function () {
var appointments = 0;
function makeid() {
var text = "";
var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
for (var i = 0; i < 11; i++)
text += possible.charAt(Math.floor(Math.random() * possible.length));
return text;
}
$("#form_id").val(makeid());
var calendar = $('#calendar').fullCalendar({
editable: true,
slotDuration: '00:20:00',
defaultView: 'agendaWeek',
allDaySlot: false,
eventConstraint: {
start: '00:00', // a start time (start of the day in this example)
end: '24:00', // an end time (end of the day in this example)
},
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay'
},
events: 'load.php?id=' + $("#form_id").val(),
eventRender: function (event, element) {
if (!event.editable) {
element.addClass('fc-event-non-editable');
element.draggable = false;
}
},
eventOverlap: false,
selectable: true,
selectHelper: true,
select: function (start, end, allDay, revertFunc)
{
var myDate = new Date();
myDate.setDate(myDate.getDate() - 1);
var eventData = {
start: start,
end: end
};
if (appointments < 3) {
if (start >= myDate.getTime()) {
var title = prompt("Enter Event Title");
if (title)
{
var start = $.fullCalendar.formatDate(start, "Y-MM-DD HH:mm:ss");
var end = $.fullCalendar.formatDate(end, "Y-MM-DD HH:mm:ss");
$.ajax({
url: "insert.php",
type: "POST",
data: {title: title, start: start, end: end, user_id: $("#form_id").val()},
success: function ()
{
alert("Added Successfully");
$('#calendar').fullCalendar('unselect');
$('#calendar').fullCalendar('refetchEvents');
appointments++;
}
})
}
} else {
alert('It is not possible to book an appointment prior to today.');
$('#calendar').fullCalendar('renderEvent', eventData, true);
}
} else {
alert("You can select maximum of 3 dates!");
}
},
eventResize: function (event, delta, revertFunc)
{
if ((event.end - event.start) <= '3600000') {
var start = $.fullCalendar.formatDate(event.start, "Y-MM-DD HH:mm:ss");
var end = $.fullCalendar.formatDate(event.end, "Y-MM-DD HH:mm:ss");
var title = event.title;
var id = event.id;
$.ajax({
url: "update.php",
type: "POST",
data: {title: title, start: start, end: end, id: id},
success: function () {
calendar.fullCalendar('refetchEvents');
alert('Event Update');
}
});
} else {
revertFunc();
alert("Appointment could be of maximum 1:30 hrs.");
}
},
eventDrop: function (event)
{
var start = $.fullCalendar.formatDate(event.start, "Y-MM-DD HH:mm:ss");
var end = $.fullCalendar.formatDate(event.end, "Y-MM-DD HH:mm:ss");
var title = event.title;
var id = event.id;
$.ajax({
url: "update.php",
type: "POST",
data: {title: title, start: start, end: end, id: id},
success: function ()
{
calendar.fullCalendar('refetchEvents');
alert("Event Updated");
}
});
},
eventClick: function (event)
{
if (event.editable) {
if (confirm("Are you sure you want to remove it?"))
{
var id = event.id;
$.ajax({
url: "delete.php",
type: "POST",
data: {id: id},
success: function ()
{
calendar.fullCalendar('refetchEvents');
alert("Event Removed");
appointments--;
}
})
}
}
},
dayRender: function (date, cell) {
var myDate = new Date();
myDate.setDate(myDate.getDate() - 1);
if (date < myDate) {
$(cell).addClass('disabled');
}
},
viewRender: function (view, element) {
// Drop the second param ('day') if you want to be more specific
if (moment().isAfter(view.intervalStart, 'day')) {
$('.fc-prev-button').addClass('fc-state-disabled');
} else {
$('.fc-prev-button').removeClass('fc-state-disabled');
}
}
});
});
</script>