Hi Ich lerne gerade Jquery und Javascript. Die Hauptidee besteht darin, die CSS von jquery.ui zu ändern.Wie ändere ich die Hintergrundfarbe von auswählbaren Datumsangaben?
0
A
Antwort
3
Sie müssen sich für die CSS aus jquery.ui
Der Selektor Sie suchen außer Kraft zu setzen ist
.ui-datepicker-calendar a {
}
Sie die CSS mehr geben sollte, so dass Ihre benutzerdefinierten Stil verwendet wird. Ansonsten wichtig!
.ui-datepicker-calendar a {
color:white !important;
background-color:black !important;
}
So:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test</title>
<style>
body
{
font-size:8pt;
font-family:Verdana;
padding: 5px;
}
.ui-datepicker-calendar a {
color: white !important;
background-color: black !important;
border-color: black;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
</head>
<body>
<br/>
From: <input type="text" id="txtFromDate" />
To: <input type="text" id="txtToDate" />
<script type="text/javascript">
$(function(){
\t $("#txtFromDate").datepicker({
\t \t minDate:0,
\t \t maxDate: "+60D",
\t \t numberOfMonths: 2,
\t });
\t $("#txtToDate").datepicker({
\t \t minDate:0,
\t \t maxDate:"+60D",
\t \t numberOfMonths: 2,
\t });
\t var default_date = new Date();
\t default_date.setDate(default_date.getDate()+60);
\t $('#txtFromDate').datepicker('setDate', new Date());
\t $('#txtToDate').datepicker('setDate', default_date);
});
$("#txtFromDate").datepicker({
onSelect: function(dateText) {
$("#txtToDate").datepicker("option", "minDate", $('#txtFromDate').datepicker("getDate"));
var date2 = $("#txtFromDate").datepicker("getDate");
date2.setDate(date2.getDate()+60);
$("#txtToDate").datepicker("option", "maxDate", date2);
}
});
</script>
</body>
</html>
+0
Cool danke Kumpel! – Teapetetose
+0
Sie sind herzlich willkommen @Teapetetose :-) – Daidon
Verwandte Themen
- 1. Wie ändere ich die Hintergrundfarbe von UINavigationItem?
- 2. Wie ändere ich die Hintergrundfarbe eines SFSafariViewControllers?
- 3. Wie ändere ich die Hintergrundfarbe der Snackbar?
- 4. Wie ändere ich die Hintergrundfarbe mit Javascript
- 5. Wie ändere ich die Hintergrundfarbe des Datagrids?
- 6. Wie ändere ich die Hintergrundfarbe mit JavaScript?
- 7. Wie ändere ich die QuickInfo-Hintergrundfarbe?
- 8. Wie ändere ich FAB Hintergrundfarbe
- 9. Wie ändere ich die Hintergrundfarbe von ListView ausgewähltem Objekt?
- 10. Wie ändere ich die schwarze Hintergrundfarbe von Bitmap in transparent?
- 11. Wie ändere ich die Hintergrundfarbe von MenuItem in Android?
- 12. Wie ändere ich die Hintergrundfarbe von Kind Kontrolle xaml
- 13. Wie ändere ich die Hintergrundfarbe des Dropdown-Panels von Combobox
- 14. Wie ändere ich die Hintergrundfarbe von collection_selects in Rails?
- 15. JavaScript: Wie ändere ich die Hintergrundfarbe von jedem td?
- 16. Wie ändere ich die Hintergrundfarbe von select-tag?
- 17. Wie ändere ich QPushButton Text und Hintergrundfarbe
- 18. Wie ändere ich Hintergrundfarbe der Schaltfläche reagieren
- 19. Wie ändere ich Hintergrundfarbe, wenn uiview animiert
- 20. Wie ändere ich wx.Panel Hintergrundfarbe auf MouseOver?
- 21. Wie ändere ich die Hintergrundfarbe des ViewControllers in objective-c
- 22. Wie ändere ich die Hintergrundfarbe in Google Skript Editor
- 23. Wie ändere ich die Hintergrundfarbe eines bedingten Makros in Eclipse?
- 24. Wie ändere ich die Hintergrundfarbe? Wähle 2 mit Javascript?
- 25. Wie ändere ich die Hintergrundfarbe in Android App?
- 26. Wie ändere ich die Hintergrundfarbe auf einem tkinter.ttk Treeview
- 27. Wie ändere ich die Hintergrundfarbe des Zwischenraums in VS Code?
- 28. Wie ändere ich die Hintergrundfarbe der Statusleiste in WP8 Silverlight?
- 29. Wie ändere ich die Hintergrundfarbe cropping image_lib Codeigniter
- 30. Wie ändere ich die Footer-Hintergrundfarbe in CSS?
Mögliche Duplikat [How To Ausgewählte Daten In Date Picker Highlight] (http://stackoverflow.com/questions/7504819/how- zu-hervorgehoben-ausgewählte-Daten-in-Datum-Picker) –