Stil düzenleme tarihi: belirli tarihleri vurgula

Bu sorunun, şimdiye kadar bulduğum çözümlerin işe yaramadığını daha önce sorduğunu biliyorum.Stil düzenleme tarihi: belirli tarihleri vurgula

Wordpress Web sitemdeki İletişim Formu 7 ve datepicker eklentisini kullanıyorum. İletişim formu ve takvim gayet iyi çalışıyor, ancak tarihlerin arka plan rengini değiştirerek belirli tarihleri vurgulayabiliyorum. İşte

benim başlık dosyasına dahil ettik kod:

<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, '', '']; 
     } 
    } 
});

}); Benim stle.css sayfasında

, ben bu tarihlere stil eklemek için aşağıdaki kodu dahil ettik:

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

Ancak bu örnekte tarihi (2016/07/26) almaz Takvime tıkladığımda vurgulanır ancak standart stil belirir. Benim hatam nerede?

Yardımlarınız için çok teşekkürler!

Düzenleme: HTML kodunu işte süper uzun görünüyordu web sitesine link: KYTE

Düzenleme 2: Yani benim functions.php dosyasına aşağıdaki kodu ekledik:

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');

hala çalışmıyor.

kaynak

2016-07-22 Max Imilian

Merhaba içine bu kodu koymak deneyin ve hoş geldiniz SO, bize DatePicker HTML kodunu gösterebilir? Datepicker'a sağ tıkladıktan sonra 'Elementi İnceleyin' ve HTML kodunu kopyalayabilirsiniz. –

Teşekkür ederim Pascal. HTML koduna baktım ve burada yayınlamak çok uzun sürdü, bu yüzden siteme bir bağlantı ekledim. umarım bu iyidir ama lütfen bana bildirin lütfen –

datepicker bir işlev değilse, prettyphoto bir işlev değildir .... – vaso123

Seçilen tarihe vurgulanmış bir sınıf ayarlamamanız gerektiğini düşünüyorum. Bu css size yardımcı ve değişecek

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

deneyin:

tr.Highlighted { 
    background-color:red; 
}

I'v Sizin yükünü almak ve kütüphanesi önce datepiker yöntemi çağırmak için çalışıyoruz bunu

kaynak

2016-07-22 14:21:12

Teşekkür ederim Kavian.Yaklaşımı denedim ama hala şans yok –

@MaxImilian düzeltilmiş cevabı test et –

Korkarım ki değil. Sorun şu ki, datepicker bir işlev olarak tanınmıyor: $ (...). Datepicker bir işlev değil (index): 424 Kaçırılmamış TypeError: $ (...) prettyPhoto bir işlev değil. Bence sorun eklenti ile. datepicker işlevinin tanımlandığı bir yer alır ve tarih dizisini ve showbefore işlevi işlevini ekleyebilmem için nerede olduğunu bulmam gerekir. –

test etti.

sizin functions.php dosyası

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

    //Your js code goes here 

    } 
?>

kaynak

2016-07-23 11:25:49

İşlevlerinize php.php dosyasını eklemeyi denedim (orijinal dosyada yukarıdaki kodlara bakın), ancak şansınız yok. –

Stil düzenleme tarihi: belirli tarihleri ​​vurgula

cevap

İlgili konular

Stil düzenleme tarihi: belirli tarihleri vurgula