Tema jQuery UI DatePicker - javascript, jquery, css, jquery-ui, datepicker

Mi chiedevo se c'è un modo durante l'utilizzoDatePicker sovrascrive qualsiasi CSS dalla pagina in cui viene visualizzato e mostra semplicemente un tema semplice predefinito. Voglio solo un calendario grigio di base ma DatePicker sembra raccogliere elementi dal mio sito Web. Il codice che sto usando è il seguente

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"></script>
<script>
$(function(){
$( "#datepicker" ).datepicker({ dateFormat: "dd-mm-yy" });
});
</script>

Non riesco a caricare una foto del mio calendario (comeNon ho abbastanza punti reputazione) ma fondamentalmente dove sarebbero i Giorni della settimana (M, T, W, T, F, S, S) lo sfondo è verde scuro e il testo rosso. La distanza è anche abbastanza grande sopra e sotto i giorni. Spero che ci sia un modo semplice e veloce per formattare questo nel codice sopra.

Grazie in anticipo.

risposte:

Aggiungi una classe vuota nel tuo controllo che deve essere data-picker e usa quella classe nel tuo jquery

<input type="text" class="dateinput"/>

all'interno del tag dello script dovrebbe essere scritto come $ (Function () { $ (".dateinput") .datepicker ({dateFormat: "dd-mm-yy"});
});