2008 16 Dez

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.

ähnliche Posts:

Dieser Eintrag wurde

Der Artikel hat Dir geholfen?

Kaffeetasse
Warum spendierst Du mir nicht einen Kaffee?
 

Sei aktiv, kommentiere diesen Artikel!

 





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>

an den Anfang