• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

jquery datepicker

Hallo,

Danke. Die Welt kann so einfach sein. Manchmal.:)

Ich habe trotzdem noch 2 Dinge:

1. Das Feld Jahr und Monat sind im Firefox nebeneinander. Im Explorer 9 untereinander verschoben. Auf der Webseite des Beispieles nicht. Was übersehen ich hier?

Ich habe wie im Beispiel diese Binliotheken eingebunden:

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>

<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

Eigentlich sollente alle Infos in der CSS sein nicht?


2. Noch ein Layout Problem. Man kann nach links oder rechts durch die monate scrollen. Im Beispiel sind dort schwarze Pfeile aber bei mir sind dort keine. Scrollen klappt trotzdem. Muss ich selbst Pfeile einbinden und die CSS anpassen? Ich habe das Gefühl irgendwas übersehe ich.:)

LG,

Lara
 
Hallo,

1 und 2 hast selber auf deiner Seite css anweisung überschrieben von der jquery css.
Binde mal nur Datatpicker css ein und dann die anderen nach und nach und testen.

Hatte auch schon mal den fehler, finde das auch komisch das css nicht besser/eigenständiger gelöst ist.

Cheffchen
 
Hallo,

ich habe jetzt einmal diese CSS entfernt:

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />

Das Gute, die schwarzen Pfeile sind jetzt da. Jetzt habe ich nur noch das Problem, dass das Jahresfeld und Monatsfeld im IE verschoben sind und im Firefox gut aussehen.

Cheffchen, was meinst du mit der datepicker.css? Gibt es ein weiteres css file, weil auf der Seite kann ich es nicht sehen:

Datepicker | jQuery UI

Ich hoffe du gibst mir da noch nen Tipp.

LG,

Lara
 
Hallo,

ne extra nicht sonder oder doch, ich nutze jedenfals immer das so
Code: 
         <link href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" rel="stylesheet" type="text/css"/>
         <link href="http://code.jquery.com/ui/1.10.3/themes/sunny/jquery-ui.css" rel="stylesheet" type="text/css"/>
         <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
         <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

         <script>
         $(function() {
         $.datepicker.regional["de"] = {clearText: "löschen", clearStatus: "aktuelles Datum löschen",
                closeText: "schließen", closeStatus: "ohne Änderungen schließen",
                prevText: "zurück", prevStatus: "letzten Monat zeigen",
                nextText: "vor", nextStatus: "naechsten Monat zeigen",
                currentText: "heute", currentStatus: "",
                monthNames: ["Januar","Februar","März","April","Mai","Juni",
                "Juli","August","September","Oktober","November","Dezember"],
                monthNamesShort: ["Jan","Feb","Mär","Apr","Mai","Jun",
                "Jul","Aug","Sep","Okt","Nov","Dez"],
                monthStatus: "anderen Monat anzeigen", yearStatus: "anderes Jahr anzeigen",
                weekHeader: "Wo", weekStatus: "Woche des Monats",
                dayNames: ["Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag"],
                dayNamesShort: ["So","Mo","Di","Mi","Do","Fr","Sa"],
                dayNamesMin: ["So","Mo","Di","Mi","Do","Fr","Sa"],
                dayStatus: "Setze DD als ersten Wochentag", dateStatus: "Wähle D, M d",
                dateFormat: "dd.mm.yy", firstDay: 1, initStatus: "Wähle ein Datum", isRTL: false,
                changeMonth: true, changeYear: true, showButtonPanel: true,showWeek: true};
                //minDate: new Date(),

                $.datepicker.setDefaults($.datepicker.regional["de"]);

                $( "#bliefertermin" ).datepicker({minDate: +14});
                $( ".KALENDER" ).datepicker({ showOn: "button",buttonImage: "../bilder/calendar_new.png",numberOfMonths: 2});
         });
         </script>

Vielleicht hilft es ja.
ach so ein der css am anfang reichen, sind nur 2 Designs.

Cheffchen
 
Hi,

danke für deine Mühe.

OK, ich habe weiter probiert und folgendes ist sehr seltsam:

Binde ich die Css über die Online Ressource ein, dann ist das Layout richtig.


<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />

Liget die CSS aber auf dem Server:

<link rel="stylesheet" href="jquery/jquery-ui.css" />

Dann wird das Layout auch angezeigt, aber die Pfeile nicht, sowie Jahr und Monat sind verschoben im IE.

Kann sich das jemand erklären? Habe jetzt schon mehrmal das CSS File ausgetauscht weil ich dachte es ist korruppt..aber das ist es nicht.

Ich bin schon echt verzweifelt und hoffe Ihr habt Ideen.

LG,

Lara
 
Inwiefern unterscheidet sich jetzt dein modifizierter Datepicker von dem originalen mit folgender Einstellung?
Datepicker | jQuery UI

Dein Tutorial ist nämlich auch schon etwas älter, inzwischen wurde der Datepicker wahrscheinlich erweitert.

Ich denke mal die Pfade zu den Icons sind relativ angegeben, fehlen jedoch auf deinem Server. Untersuche den Datepicker einfach mal mit dem Firebug, dann weißt du ziemlich schnell was nicht stimmt.
 
Hallo,

die frage ist doch hast überhaupt alle css sachen auf dem server?
also ich habe ein /themes ordner wo das thema drin ist oder halt die base wenn kein thema und in der ist ein ordner mit den Bildern inkl pfeile.

geh mal auf die Seite von jquery ui und lade mal das komplett runter (ganz unten) gannz dir ja auch ein thema aussuchen (auch ganz unten).
die zip nur öffnen und da im /css ordner schauen da findest die css und ein ordner tiefer die bilder und das einfach bei dir uppen.

Cheffchen
 
Hi ihr beiden....gerade sehe ich eure Antworten.....ich bin manchmal echt doof....ich habe durch die CSS dateien geschaut und gesehen, dass ich den image folder an der falschen stelle hatte....jetzt funktioniert alles....aber vielen dank für eure Hilfe...irgendjemand muss mich manchmal leiten...

lg

lara
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben