Jquery | Ajout d'événements Sélecteur de date

Question

Comment mettre en surbrillance ou modifier le style d'une date comportant un événement?

Answer 1

J'ai essayé cela il y a un certain temps et j'ai trouvé qu'il était plus facile d'utiliser un different datepicker et de le styler pour agir comme jquery ui datepicker que de faire entrer le datpicker dans les données.

Answer 2

Si vous regardez l'onglet « thématisation » dans http://jqueryui.com/demos/datepicker/, il va vous montrer toutes les classes que vous pouvez définir le style en CSS pour obtenir Whatcha veulent :-) mais je pense que son état-ui point culminant classe

Answer 3

Si vous demandez code pour ajouter événement et changer le thème, j'espère que cela vous aide:

$("div").datepicker({ 
    beforeShowDay: function(date) { 
     var result = [true, '', null]; 
     var matching = $.grep(events, function(event) { 
      return event.Date.valueOf() === date.valueOf(); 
     }); 

     if (matching.length) { 
      result = [true, 'highlight', null]; 
     } 
     return result; 
    }, 
    onSelect: function(dateText) { 
     var date, 
      selectedDate = new Date(dateText), 
      i = 0, 
      event = null; 

     while (i < events.length && !event) { 
      date = events[i].Date; 

      if (selectedDate.valueOf() === date.valueOf()) { 
       event = events[i]; 
      } 
      i++; 
     } 
     if (event) { 
      alert(event.Title); 
     } 
    } 
});​ 

Calendar JSFiddle (récupérée de jQuery UI Datepicker : how to add clickable events on particular dates?)