Suche hilfreichen datepicker

kingluui · 18. Januar 2009, 19:59

Hallo liebes Team,

ich habe zwei Datumsfelder in einem Formular, z. B. ein von Feld und ein bis Feld,

kann mir jemand einen JS Datepicker empfehlen, der automatisch feststellt, od das Datum im bis Feld nicht vor dem von Feld liegt und das keines der beiden Felder in der Vergangenheit liegt, und wenn eines der Fehler auftritt einen Alert meldet?

Ich google mir einen Wolf und finde nicht das richtige.

liebe Grüße

kingluui

Deadman44 · 18. Januar 2009, 20:53

In welchem Format werden die Daten eingegeben?
Z. Bsp.: 18.1.2009, 18.Januar 2009 oder 1/18/2009

kingluui · 18. Januar 2009, 20:54

Ach so, sorry.

DD.MM.YYYY

Torben Brodt · 18. Januar 2009, 23:22

Benutzt du denn zur Zeit noch kein Framework? Datepicker gibt es eigentlich für jedes Framework - wäre doch doof, wenn du am Ende zwei nutzen musst. Ich würde mich anhand dessen für einen entscheiden.

Eine jQuery Version kannst du z.B: hier sehen: kelvinluck.com/assets/jquery/d…o/datePickerStartEnd.html

mad · 19. Januar 2009, 07:36

d0nut schrieb:

Benutzt du denn zur Zeit noch kein Framework? Datepicker gibt es eigentlich für jedes Framework - wäre doch doof, wenn du am Ende zwei nutzen musst. Ich würde mich anhand dessen für einen entscheiden.

Eine jQuery Version kannst du z.B: hier sehen: kelvinluck.com/assets/jquery/d…o/datePickerStartEnd.html

Den kann ich nur empfehlen. Habe ihn selbst in einem Hochschulprojekt eingesetzt. Er lässt sich einfach einbinden und arbeitet mit allen gängigen Browsern, was andere DatePicker nicht so tun. Darüberhinaus kann man das Design sehr einfach (mit CSS) anpassen.

Lemmi · 19. Januar 2009, 10:14

d0nut schrieb:

Benutzt du denn zur Zeit noch kein Framework? Datepicker gibt es eigentlich für jedes Framework[...].

Für jedes? Bei prototype ist mir entsprechendes noch nicht unter gekommen. Hab ich da was verpasst?

Snowflake · 19. Januar 2009, 13:29

Naja es gibt schon welche für das Prototype Framework. Das sind die zwei einzigen die ich kenne. Sind aber auch nicht sonderlich schön von der Bedienung her wie ich finde.

Hier kann man das Enddatum hinter das Startdatum ziehen. Recht sinnlos
ajaxorized.com/dateslider/slider.html

Und dann noch der hier:
positionabsolute.net/blog/2007/12/calendar-time-slider.php
Die vielen Kalender stören ein wenig wie ich finde. Aber das Enddatum kann nicht vor dem Startdatum sein.

Beides arbeitet mit Scriptaclous und Prototype zusammen.

Lemmi · 19. Januar 2009, 14:46

Danke für die Links.

Werd mich mal weiter nach vergleichbarem umschauen. Vielleicht findet man noch schönere Versionen.

vince · 21. Januar 2009, 12:32

jquery (oben schon erwähnt) hat in der UI einen sehr sehr guten Datepicker.

Damit lässt sich so ziemlich jedes Szenario abbilden wofür man eine Datumseingabe benötigt.
Sei es ein individuelles Datumsformat, oder das sperren von bestimmten Zeiträumen, über einen RangeSelect, wo man dynamisch mit 2 Kalender arbeiten kann (von .. bis) ... etc.

Doku:
docs.jquery.com/UI/Datepicker
die Options: docs.jquery.com/UI/Datepicker/datepicker#toptions
Bei der Fülle ist ein Tutorial für den ANfang natürlich angebracht

Zusätzlich stellt jQuery mehrere Styles zur verfügung die sich über eine "GUI" auch easy individuell anpassen lassen.
Optisch sehr genial:
ui.jquery.com/themeroller (einfach mal ein bisschen rumspielen)

kingluui · 21. Januar 2009, 19:53

Vielen Dank für die vielen Antworten,

jquery wird definitiv mein neues Spielzeug werden, prototype ist auch echt toll, aber man muss sich halt für eines entscheiden, sonst wird man ja plemm_plemm(kicher);

Torben Brodt · 13. Februar 2009, 10:59

Ich bin gerade nochmal über diesen Thread gestolpert. Und für das Szenario einer Daterange konnte ich den Datepicker aus jQuery UI wirklich nicht dazu bewegen, dass er funktioniert.
Erstens wird die Range nicht visualisiert - zweitens kann ich den Starttag nicht ändern.

Beispielcode:

Quellcode

<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="http://ui.jquery.com/testing/themes/base/ui.all.css" />
<script type="text/javascript" src="http://ui.jquery.com/testing/jquery-1.3.1.js"></script>
<script type="text/javascript" src="http://ui.jquery.com/testing/ui/ui.core.js"></script>
<script type="text/javascript" src="http://ui.jquery.com/testing/ui/ui.datepicker.js"></script>
<script>
$(document).ready(function(){
$("#demo").datepicker({
rangeSelect: true,
numberOfMonths: 3,
changeFirstDay : true,
maxDate: 0})
});
</script>
</head>
<body>
<div id="demo"></div>
</body>
</html>

Alles anzeigen

Der Datepicker von eyecon funktioniert hingegen wunderbar: eyecon.ro/datepicker/
Falls sich einer damit beschäftigt hat und eine Lösung findet, wäre ich glücklich :)

vince · 13. Februar 2009, 11:45

Mit dem Stable Release 1.3er Version haben die sich doch selber ins Knie geschossen.

Die haben das einfach released und die UI hat danach garnicht mehr funktioniert.
Bis sie dann mal die Doku umgeschrieben haben und die UI umgestellt haben, hat es erstmal Wochen gedauert.

Wenn du mal deine JS Datei öffnest wirst du sehen, dass auch die Version die du nutzt kein Stable Release ist, sonder der RC6 ist.
Version: 1.6rc6

Und den Stable kannst du nicht nutzen, da der für die jQUery Version >=1.2.X ist.

Ich denke mal, dass du da wie viele andere auf den stable Release der UI Version 1.7 warten musst.

vince · 13. Februar 2009, 11:49

Ok,

die Features werden komplett rausgenommen.

Jetzt gibt es bald den DatePickerCalendar und den DateRangePicker.

Sieht sehr cool aus, aber wie gesagt, sehr schwach. Das hätte man auch offensichtlich dokumentieren können ....

wiki.jqueryui.com/DatePickerCalendar
wiki.jqueryui.com/DateRange
Demo:
filamentgroup.com/lab/date_ran…_jquery_ui_css_framework/

Torben Brodt · 13. Februar 2009, 18:44

cool, vielen Dank für die Hintergrundinfos.. habe mich selbst noch gar nicht mit 1.3.0 auseinander gesetzt.

Suche hilfreichen datepicker

Suche hilfreichen datepicker

d0nut schrieb:

d0nut schrieb:

Quellcode

Teilen

Benutzer online 1

Tags