造型日期選擇器：突出顯示特定日期

我知道這個問題之前已經被問到，我發現的'解決方案'目前似乎沒有工作。造型日期選擇器：突出顯示特定日期

我在wordpress網站上使用了Contact Form 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'）;

仍然無法正常工作。

來源

2016-07-22 Max Imilian

裏面您好，歡迎來的話，你能告訴我們你的日期選擇器的HTML代碼？您可以右鍵單擊Datepicker，然後選擇「檢查元素」並複製HTML代碼。 –

謝謝帕斯卡。我查看了HTML代碼，在這裏發佈它似乎太長了，所以我已經添加了一個鏈接到我的網站。希望這是好的，但請讓我知道，如果不是 –

datepicker不是一個功能，prettyphoto是不是一個功能.... – vaso123

我認爲你沒有設置選定日期的突出顯示的類。嘗試

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

這將幫助你，改變你的CSS：

tr.Highlighted { 
    background-color:red; 
}

心中已經測試了它

來源

2016-07-22 14:21:12

謝謝卡維安。試過你的方法，但仍然沒有運氣 –

@MaxImilian測試更正的答案 –

恐怕它沒有。問題是datepicker不被識別爲函數：$（...）。datepicker不是函數（index）：424 Uncaught TypeError：$（...）。prettyPhoto不是函數。我認爲問題出在插件上。在某處datepicker函數被定義，我需要弄清楚在哪裏，以便我可以添加日期數組和showbeforedate函數。 –

您正在試圖調用它的庫前datepiker方法得到的負荷。

嘗試把這個代碼的functions.php文件

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

    //Your js code goes here 

    } 
?>

來源

2016-07-23 11:25:49

我試着將它添加到functions.php文件中（請參閱上面的代碼在我的原始文件中），但沒有運氣。 –

造型日期選擇器：突出顯示特定日期

回答

相關問題