스타일링 날짜 선택기 : 특정 날짜 강조 표시

Question

지금까지 발견 한 '해결책'이 효과가없는 것으로 확인되기 전에이 질문을 물었습니다.

내 WordPress 웹 사이트에서 연락처 양식 7과 datepicker 플러그인을 사용하고 있습니다. 문의 양식과 캘린더는 정상적으로 작동하지만 해당 날짜의 배경색을 변경하여 특정 날짜를 강조 표시하고 싶습니다. 여기

는 내 헤더 파일에 포함 된 한 코드입니다 :

<script type="text/javascript"> 
$(document).ready(function() { 
var SelectedDates = {}; 
SelectedDates[new Date('07/26/2016')] = new Date('07/26/2016'); 
$('#datepicker123').datepicker({ 
    beforeShowDay: function(date) { 
     var Highlight = SelectedDates[date]; 
     if (Highlight) { 
      return [true, "Highlighted", Highlight]; 
     } 
     else { 
      return [true, '', '']; 
     } 
    } 
}); 

}); 내 stle.css 시트에서

, 나는 그 날짜에 스타일을 추가하려면 다음 코드를 포함했다 :

.Highlighted a{ 
    background-color : #1AAFFF !important; 
} 

그러나,이 예에서 날짜 (2016년 7월 26일)는하지 않습니다 캘린더를 클릭하면 강조 표시되지만 표준 스타일이 나타납니다. 내 실수는 어디 갔어?

많은 도움을 주셔서 감사합니다.

편집 : HTML 코드 그래서 여기에 슈퍼 긴 것 같았다 웹 사이트에 대한 링크입니다 : KYTE

편집 2 : 그래서 난 내 functions.php 파일에 다음 코드를 추가했습니다 :

function wpse_enqueue_datepicker() { 
// Load the datepicker script (pre-registered in WordPress). 
wp_enqueue_script('jquery-ui-datepicker'); 

// You need styling for the datepicker. For simplicity I've linked to Google's hosted jQuery UI CSS. 
wp_register_style('jquery-ui', 'http://code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css'); 
wp_enqueue_style('jquery-ui'); 

} add_action ('wp_enqueue_scripts', 'wpse_enqueue_datepicker');

여전히 작동하지 않습니다.

Answer 1

나는 선택한 날짜로 강조 표시된 수업을 설정하지 않는다고 생각합니다. 이 당신의 CSS를 당신에게 도움이 변경됩니다

$('td').on('click', function(){ 
    $('td.Highlighted').removeClass('Highlighted'); 
    $(this).addClass('Highlighted'); 
}); 

시도 :

tr.Highlighted { 
    background-color:red; 
} 

I'v 당신의 부하를 얻을 수의 라이브러리 전에 datepiker 메소드를 호출하려고하는 것이

Answer 2

을 테스트했다.

은 functions.php 파일

<?php 
    add_action('wp_footer', 'my_custom_js'); 
    function my_custom_js(){ 

    //Your js code goes here 

    } 
?>