obtenir la date sélectionnée de fullcalendar jquery

Question

J'ai ajouté le calendrier à mon application asp.net mvc 2 de here. Je veux choisir la date sélectionnée où je vais entrer dans l'événement. Comment puis-je obtenir la date sélectionnée? Aussi je veux enregistrer cette date et l'événement correspondant à la base de données. comment faire cela aussi? Je suis nouveau en jequery. aidez s'il vous plaît!

Answer 1

Utilisez ce code lorsque vous configurez le plugin

$('#calendar').fullCalendar({ 
 
    selectable: true, 
 
    select: function(start, end, jsEvent, view) { 
 
     // start contains the date you have selected 
 
     // end contains the end date. 
 
     // Caution: the end date is exclusive (new since v2). 
 
     var allDay = !start.hasTime() && !end.hasTime(); 
 
     alert(["Event Start date: " + moment(start).format(), 
 
       "Event End date: " + moment(end).format(), 
 
       "AllDay: " + allDay].join("\n")); 
 
    } 
 
});

<link href="//cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.1.1/fullcalendar.min.css" rel="stylesheet"/> 
 
<link href="//cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.1.1/fullcalendar.print.css" rel="stylesheet" media="print"/> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.3/moment.min.js"></script> 
 
<script src="//cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.1.1/fullcalendar.min.js"></script> 
 
<div id="calendar"></div>

S'il vous plaît noter que je viens inclure les options nécessaires pour répondre à votre question.

Pour plus d'informations se référer à la très bonne plugin documentation faite.

Answer 2

http://arshaw.com/fullcalendar/docs/selection/select_callback/

Answer 3

$('#calendar').fullCalendar({ 
    dayClick: function(date, jsEvent, view) { 

     alert('Clicked on: ' + date.format()); 

     alert('Coordinates: ' + jsEvent.pageX + ',' + jsEvent.pageY); 

     alert('Current view: ' + view.name); 

     // change the day's background color just for fun 
     $(this).css('background-color', 'red'); 

    } 
});