2011-12-06 17 views
11

Sto usando Jquery UI datepicker e sto cercando di cambiare il colore di sfondo per ogni giorno in un mese.Jquery UI datepicker cambia colore di sfondo per un giorno

Per questo sto usando la funzione beforeShowDay nel selezionatore di date dell'interfaccia di Jquery.

Ad esempio, sto cercando di cambiare il colore di sfondo per i giorni dispari in un mese e il mio script cambia solo il colore del bordo.

Non sono sicuro di dove sia l'errore, come faccio a cavalcare l'intero colore di sfondo posteriore in Jquery per ottenere il risultato desiderato.

per favore aiuto.

script utilizzato:

$(document).ready(function() { 
    //$("#datepicker").datepicker(); 
    $("#datepicker").datepicker({ inline: true, beforeShowDay: highlightOdds}); 
    }); 

    function highlightOdds(date) { 
     return [true, date.getDate() % 2 == 1 ? 'odd' : '']; 
} 

CSS utilizzato:

.odd { background-color: green; } 

risposta

6

HII Tutto quello che ho trovato io stesso,

Ho appena modifed il css, come indicato di seguito e funziona cool :)

.odd a.ui-state-default {color:white; 
         background-color: red; 
         background: red;} 

grazie a tutti :)

+0

sai come cambiare il colore di sfondo di una data specifica lascia il giorno 16/12/2013? –