laravel-fullcalendar-Lo necesario

 @section('fullcalendar')

    <link rel="stylesheet" href="{{ asset('css/main.css') }}">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fullcalendar@5.11.0/main.css">

    <script src="{{ asset('js/main.min.js') }}"></script>
<script src="https://cdn.jsdelivr.net/npm/fullcalendar@5.11.0/main.min.js"></script>


    <script src="{{ asset('js/locales-all.js') }}"></script>
<script src="https://cdn.jsdelivr.net/npm/fullcalendar@5.11.0/locales-all.js"></script>

    <script src="{{ asset('js/jquery.min.js') }}"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
   
<script src='https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.3/moment.min.js'></script>
    <script src='https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.3/moment-with-locales.min.js'></script>
@endsection


<script type="text/javascript">
document.addEventListener('DOMContentLoaded', function() {

  var formulario = document.getElementById('formulario');
  var calendarEl = document.getElementById('agenda');

  var calendar = new FullCalendar.Calendar(calendarEl, {

    initialView: 'dayGridMonth',
    locale:"es",

    events: "http://localhost/agenda/public/evento/mostrar",
    dateClick:function(info){
       var startDate =moment(info.dateStr).format('YYYY-MM-DDThh:mm');
       formulario.reset();
       console.log(startDate);
      formulario.start.value=startDate;
      $("#evento").modal("show");
    }
  })

  calendar.render();

    document.getElementById("btnGuardar").addEventListener("click",function(){

        var data = new FormData(postForm);

        fetch( '{{route('evento.store')}}' ,{
          headers:{
           
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
            method:'POST',
            body:data
        })
        .then(res=> res.text())
                .then(data=>{
                  $("#evento").modal("hide");
                    })
    })

})

</script>

Comentarios

Entradas populares de este blog

Filtrando por fecha

10 videojuegos gratis para aprender JavaScript en línea

reloj obs---datetime.lua