Jquery | 이벤트 추가 날짜 선택 도구

Question

이벤트가있는 날짜의 스타일을 강조 표시하거나 변경하려면 어떻게합니까?

Answer 1

나는 이것을 얼마 전에 시도했는데 different datepicker을 사용하고 jquery ui datepicker처럼 작동하도록 스타일을 지정하는 것이 datepicker에서 데이터를 가져 오는 것보다 쉽다는 것을 발견했습니다. 당신이 http://jqueryui.com/demos/datepicker/에서 "주제 선정"탭을 보면

Answer 2

, 그것은 당신에게 당신이 :-)를 원하는 어쩌려 얻기 위해 CSS를 스타일 수있는 모든 클래스를 보여 드리죠하지만 난 그 UI 상태 강조 표시 클래스

Answer 3

생각

당신이 이벤트를 추가하고 테마를 변경하는 코드를 요청하는 경우,이 당신이 도움이되기를 바랍니다 :

$("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 (jQuery UI Datepicker : how to add clickable events on particular dates?에서 검색)