Problem Kalender

[piti66]

Hallo,

ich möchte ein Kalender bauer der den aktuellen + 2 weitere Monate anzeigt und dort auch Tage markieren.
Dass soll auch nicht das Problem sein. Jedoch muss dort auch möglich sein, dass ich einen Tag markiere und der dann per Submit an ein anderes Forumlar übergeben wird. Glaube wäre nicht sinnvoll dafür radio-buttons zu nehmen.
Javascript? Hat jemand eine Idee wie ich dies umsetzen kann?

mfg

Sebastian

 

[Lime]

Zum Beispiel über DIVs (dann kannst du die sogar designen). Wird ein Div angeklickt, bekommt er eine zusätzliche Klasse "checked", welche auch das Aussehen ändert. Das kannst du dann übergeben.

Andere Möglichkeiten gibts viele, kommt aber drauf an wie du dir deinen Kalender vorgestellt hast.

 

[Yaslaw]

Ich würde da mit Javascript arbeiten
Mit JQueryUI Selectable. (http://jqueryui.com/demos/selectable/#display-grid) Dort auf den Event selected() die weiterführung zur nächsten Seite legen.

Oder noch besser gleich den Kalender von dort nehmen http://jqueryui.com/demos/datepicker/#inline und auf den Event onSelect() reagieren

 

[piti66]

Hallo,

danke für die Antworten. Bin mehr mit PHP u.s.w. vertraut. Javascript war leider nie meine Stärke. Da muss ich mal schauen, wie ich es mit euren Idee am besten umsetze.

http://jqueryui.com/demos/datepicker/#inline <- da kann ich ja immer nur einen Monat anzeigen oder? Müsste ja wie beschrieben 3 sein.

mfg

 

[Yaslaw]

Sie haben auch ein Beispiel mit 3 Monaten
http://jqueryui.com/demos/datepicker/#multiple-calendars

Da muss man halt die Settings vergleichen und kombinieren.

Müsste also etwa so gehen

<script>
$(function() {
	$( "#datepicker" ).datepicker({}
		numberOfMonths: 3,
	});
});
</script>

<div id="datepicker"></div>

 

[piti66]

Ja super hab ich jetzt gesehen. Da kann ich auch Tage mit bestimmten Farben belegen richtig? Hab ich eigentlich nur die Frage wie ich bei http://jqueryui.com/demos/datepicker/#inline also nicht als Datepicker, die Variable dann per Klick auf Button an ein anderes Formular bekommen?

mfg

 

[Yaslaw]

Unten sind die Optionen und Events dokumentiert.
mit der Option 'showButtonPanel: true' kannst du den done-Knopf einblenden und mit dem Event onClose() oder onSelect() darauf reagieren. Welcher der beiden beim Inline-fuert weiss ich grad nicht. Musst du austesten