Guckt Euch bitte auch das Tutorial von “paby” an.
Ergänzend möchte ich hinzufügen, dass Ihr ein “Eingabefeld” mittels der NOF-Formular-Werkzeuge für diesen “Datepicker” einfügen müsst, damit Ihr dieses Feld überhaupt mit der e-Mail vom Formular gesendet wird.
Weiterhin möchte ich meinen Einbau hier erklären ...
Um das Skript auf Deutsch darzustellen, müsst Ihr diese Datei einbinden:
jquery-datepicker-de.js
... die ich noch ein wenig modifiziert habe, sodass Montag der erste Wochentag im Skript ist. Weiterhin habe ich eine eigene CSS-Datei (“datepicker.css”) für den Datepicker erstellt.
Beide Dateien habe ich in einen Ordner
datepicker
kopiert, den Ihr Euch hier, von meinem Server, downloaden könnt:
http://www.tommyherrmanndesign.com/nof/download/datepicker.zip
Bitte entpackt diese ZIP-Datei. Nach dem Entpacken findet Ihr meinen Ordner
datepicker (enthält Dateien: “datepicker.css” und “jquery-datepicker-de.js”)
den Ihr bitte in den Ordner
assets
der “Lokalen Publizierung” von NOF, sowie natürlich auch in den gleichen Ordner (“assets”) mittels FTP-Programm auf Euren Server kopiert.
Die jQuery-Dateien für dieses Skript, sowie die Original CSS-Datei (Google stellt diese direkt zur Verfügung und wir verlinken dorthin) bindet Ihr auf der Seite, auf der Ihr das einbaut, in die Layout-HTML ein.
Ebenso bindet Ihr die beiden Dateien aus meinem Ordner “datepicker” an dieser Stelle ein. Da ich das hier auf meiner Startseite eingebunden habe hat meine “relative Pfadangabe” (./) nur einen Punkt, was bedeutet, bleibe im gleichen Verzeichnis in dem sich der Ordner “assets” befindet. Solltet Ihr das auf einen Unterseite, die im Ordner “html” liegt, einbauen, dann muss die “relative Pfadangabe” an dieser Stelle zwei Punkte (../) haben, was bedeutet, gehe ein Verzeichnis höher (in das Stammverzeichnis), wo sich der Ordner “assets” befindet.
> auf das Layout klicken > Fenster “Layout-Eigenschaften” > Button “HTML” > “Zwischen Head Tags”
den Code unten einfügen.
|