0

我正在为我的工作开发一个借贷网站。我们有一些设备可以借用一段时间。我有一个带有表 Article(id,name,stockQuantity,...) 和 Rent(id,id_user,date_start,date_end,quantity) 的 MySql 数据库

经过几天与 FullCalendar 的斗争，我不知道如何处理我的问题。我需要处理一些设备的数量，如果没有可用的设备，我不知道如何锁定某些日子。

例子：Article => PC DELL 720, stockQuantity => 3，如果这篇文章是3个人在不同天的同一天借的，我需要锁定这个（ese）天，并处理重叠的时间和数量...

以及如何在 FullCalendar 中管理这个“数量”参数......如果我只有一个等于 1 的数量，我可以很容易地使用这个日历。

如果有人遇到过类似的问题：D

谢谢和对不起我的英语。

我当前的代码：

$(document).ready(function()

{

let calendarEl = document.getElementById('calendrier');
let today = new Date();
let calendar = new FullCalendar.Calendar(calendarEl, {
    // On charge le composant "dayGrid"
    plugins: [ 'dayGrid', 'list', 'interaction' ],
    locale: 'fr',
    buttonText: {
        today:    'Aujourd\'hui',
    },
    events:"/location/loadAllById/"+$('#calendrier').attr('id_article'),
    dayRender: function(day){

        //console.warn(day.el)
        
        if (day.date < today){
            $(day.el).addClass('date-disabled');
            $(day.el).addClass('editable = false');

            
        }
        
    },
    eventDrop: function(eventDropInfo) {
        console.log('event start' + eventDropInfo.event.start,'currentDate ' + today)
        console.log(eventDropInfo.event.start < today);
        if(eventDropInfo.event.start < today) {
            eventDropInfo.revert();
        }
    },
    select: function(selectionInfo) {
        if(selectionInfo.start < today) {
           calendar.unselect()
            return false;
        }
    },
    eventRender: function(info) {
      //  console.warn(info)
    },
    
    dayClick : function(info)
    {
        alert('Event: ' + info.event.title);
        alert('Coordinates: ' + info.jsEvent.pageX + ',' + info.jsEvent.pageY);
        alert('View: ' + info.view.type);
    },
    eventClick: function(info) {    

        alert('Event: ' + info.event);
        
    },
    editable: true,
    selectable: true,
})

// On affiche le calendrier
calendar.render();
4

0 回答 0