You are not logged in.

  • Login

1

Sunday, January 18th 2009, 7:59pm

Suche hilfreichen datepicker

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

2

Sunday, January 18th 2009, 8:53pm

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

3

Sunday, January 18th 2009, 8:54pm

Ach so, sorry.

DD.MM.YYYY

4

Sunday, January 18th 2009, 11:22pm

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: http://www.kelvinluck.com/assets/jquery/…erStartEnd.html

5

Monday, January 19th 2009, 7:36am

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: http://www.kelvinluck.com/assets/jquery/…erStartEnd.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.

6

Monday, January 19th 2009, 10:14am

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?

7

Monday, January 19th 2009, 1:29pm

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
http://www.ajaxorized.com/dateslider/slider.html

Und dann noch der hier:
http://positionabsolute.net/blog/2007/12…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.

8

Monday, January 19th 2009, 2:46pm

Danke für die Links. ;)

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

9

Wednesday, January 21st 2009, 12:32pm

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:
http://docs.jquery.com/UI/Datepicker
die Options: http://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:
http://ui.jquery.com/themeroller (einfach mal ein bisschen rumspielen)

10

Wednesday, January 21st 2009, 7:53pm

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);

11

Friday, February 13th 2009, 10:59am

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:

HTML Code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!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>


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

12

Friday, February 13th 2009, 11:45am

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.

13

Friday, February 13th 2009, 11:49am

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 ....

http://wiki.jqueryui.com/DatePickerCalendar
http://wiki.jqueryui.com/DateRange
Demo:
http://www.filamentgroup.com/lab/date_ra…_css_framework/

14

Friday, February 13th 2009, 6:44pm

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

Similar threads

Social bookmarks