• News
  •  
  • Tools
  •  
  • Bücher
  •  
  • Fotos
  •  
  • Impressum
  •  
  • Be social!
  • RSS
  • FaceBook
  • Google Buzz
  • Mister Wong
  • Delicious
  • Xing
  •  
 

DatePicker oder Wie kann ich ein Datum auswählen?

Gerade stand ich wieder mal vor dem Problem eine Datumsauswahl in einem HTML-Formular einzubauen. Die bisherigen Plug-Ins bzw. Snippets funktionierten aber nicht so wie ich wollte. Nun habe ich bei den Bytefresser aber etwas passendes gefunden, denn
Datepicker mit Prototype 1.6.0.1 und Scriptaculous 1.8.1. Natürlich beruht dieses Snippet wieder auf meinen Favoriten Prototype/Scriptaculous, dadurch läßt er sich leicht in bestehende Projekte einbauen.

Weiters harmoniert er noch zusätzlich mit dem tinyMCE (ein WYSIWIG-Editor für HTML-Seiten), was auch nicht zu missachten ist.

Datepicker

Mit ein paar kleinen Anpassungen im css läuft es wirklich nach Anleitung auf der webSite der Bytefresser.

  1. Suche nach td.today in der Datei datepicker.css und dort vor das position: ein background- sezten.
  2. Suche nach td.today:hover in der Datei datepicker.css und dort vor das position: ein background- sezten
  3. Damit das Kalendersymbol auch wirklich hinter dem Datenfeld steht, noch schnell nach .datepicker-opener-table in der Datei datepicker.css suchen und dort vor das } eine neue Zeile einfügen und  display: inline;  eingeben
  4. Datei speichern und es klappt.

Weitere Posts zu diesem Thema

  • Daily Code Poem #41

    Wie kann ich Bilder mit CSS laden um sie später bereits aus dem Cache verwenden zu können? Dazu brauchst du nur einen versteckten/unsichtbaren Tag: #i [...]
  • Ein wenig Dynamik mit Scriptaculous

    Imm wieder kriege ich die Frage, wie man als Startseite Bilder, Puzzleteile ode ähnliches in einer Zeile anzeigt und dann links/rechts scrollen kann. [...]
  • bessere Links = bessere Usability
    Beispiele für css-Links
    Verlinkung ist eine der besten Features des web. Dadurch ist die Anzeige von Hyperlinks auch eine der wichtigsten Dinge, die zu erledigen sind. Daher [...]
  • Zeitleiste
    Dateslider
    Bei GoogleCode haben wir eine Zeitleiste gefunden. Diese ist mit meinen Favoriten Prototype und Scriptaculous realisiert und läßt sich perfekt mit Aja [...]
  • Die Suchergebnisse in WordPress hervorheben
    Suchergebnisse hervorheben
    Um die Usability Deines Blogs zu verbessern gibt es hier einen kleinen Trick. Wenn der Benutzer die Suchfunktion benutzt, werden ja die Auszüge aus de [...]
 

Der Guru 2.0 Blog lebt von Deinem Kommentar

Es wurde noch kein Kommentar gespeichert.
Schreib doch Du die erste Antwort zu diesem Post!

Deine Meinung ist dem Guru 2.0 wichtig





XHTML - Du kannst diese Tags benutzen:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

 
  • Werbung

  •  
  • Diesen Post empfehlen


     

     

     

     

     
    Stumbleupon
     
    Wikio
  •  
  • Das war eine Hilfe?

  •  
  • Du brauchst Papier?

  •