स्टाइलिंग डेटपिकर: विशिष्ट तिथियों को हाइलाइट करें

Question

मुझे पता है कि इस सवाल से पहले पूछा गया है कि 'समाधान' जो मैंने पाया है, अब तक काम नहीं कर रहा है।

मैं अपनी वर्डप्रेस वेबसाइट पर संपर्क फ़ॉर्म 7 और डेटपिकर प्लगइन का उपयोग कर रहा हूं। संपर्क फ़ॉर्म और कैलेंडर काम ठीक है लेकिन मैं उन तिथियों के पृष्ठभूमि रंग को बदलकर विशिष्ट तिथियों को हाइलाइट करने में सक्षम होना चाहता हूं।

यहाँ कोड है कि मैं अपने हेडर फाइल में शामिल किया है:

<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/07/26) नहीं मिलता है जब मैं कैलेंडर पर क्लिक करता हूं तो हाइलाइट किया जाता है लेकिन मानक स्टाइल दिखाई देता है। मेरी गलती कहां है?

आपकी मदद के लिए बहुत धन्यवाद!

संपादित करें: एचटीएमएल कोड इसलिए यहाँ सुपर लंबे लग रहा था वेबसाइट के लिए लिंक है: 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

मुझे लगता है कि आप चयनित तिथि पर हाइलाइट किए गए क्लास को सेट नहीं कर रहे हैं। कोशिश

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

यह आप मदद करने और अपने सीएसएस बदल जाएगा:

tr.Highlighted { 
    background-color:red; 
} 

I'v यह

Answer 2

परीक्षण किया आपका अपने पुस्तकालय से पहले एक datepiker विधि कॉल करने के भार मिल कोशिश कर रहे हैं।

है, तो आपके functions.php फ़ाइल

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

    //Your js code goes here 

    } 
?>