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
Publicar un comentario