Fullcalender日期选择到数组中并存储在数据库中

问题描述 投票:0回答:0

我正在开发一个约会系统,您可以在其中选择一个月内的多个日期,然后将其作为数据库作为数组提交。 当您在全日历中单击日期时,

根据所选日期的数量,您将在例如 20-03、24-03、25-03 上看到

在发布到数据库时,日期=[20-03、24-03、25-03]

问题是当我点击日期时,它没有组织成数组,也没有格式化。

   ` <div id='calendar'></div>
 
            <label for="dates">Dates</label>
            <input  name="date" value= readonly>
    
      <script src='https://cdn.jsdelivr.net/npm/[email protected]/index.global.min.js'></script>
        <script>
  
        document.addEventListener('DOMContentLoaded', function() {
            var calendarEl = document.getElementById('calendar');
                var calendar = new FullCalendar.Calendar(calendarEl, {
                
            headerToolbar: {
                start:   'title',
                center: '',
                end: ''
        
                    },
    
              initialView: 'dayGridMonth',
            selectable: true,
            select: function(date) {
                
                
                    date: date.start;
                    backgroundColor: 'green';
    
        
            
            var selecteddates ="";
            var selected = [];
            selected = [date.start, + date.start++];
            
            
            for(dates of selected){
                
                document.getElementById("dates").value = dates;
            };
    
            //document.getElementById("dates").value =selecteddates;
            function myFunction(item, index){
                console.log(selecteddates += index +": " + item + "<br>");
            };
        
            }
        });
    
   document.getElementById('month').addEventListener('change', function() {
      var date = document.getElementById('month').value;
      console.log(date);
        calendar.gotoDate( date );
      
    });
    
        calendar.render();
    });
        </script>`

我曾尝试使用 fullcalender ->formate() 来形成选定的日期,但它不起作用。我尝试使用 moment().formate(),它不起作用。我已将 selected 添加到 fullcalender,但我无法选择或取消选择多个日期

laravel fullcalendar
© www.soinside.com 2019 - 2024. All rights reserved.