Was ist die beste Benutzeroberfläche für die Eingabe des Geburtsdatums? [geschlossen]

110

Was ist die beste Methode zur Auswahl des Geburtsdatums?

  • 3 Texteingaben (Monat / Tag / Jahr) oder eine Maskeneingabe. Benutzer MUSS Tastatur verwenden
  • 3 Auswahlfelder. Der Benutzer kann Tastatur oder Maus verwenden.
  • Ein schöner Datepicker .

Ich möchte wissen, was die benutzerfreundlichste und problemloseste Lösung ist, damit der Benutzer überhaupt nicht verwirrt wird.

Ionuț Staicu
quelle
Diese jQuery-Datumsauswahl scheint in Firefox zu funktionieren, nicht jedoch in IE7.
Richard Ev
1
Vielleicht hat ihre Website ein Problem. Datepicker funktioniert gut in IE6 / 7/8, FF, Opera und Safari. Vielleicht mehr :)
Ionuț Staicu
11
month / day / yearist ehrlich gesagt komisch .
TRiG
3
Leider wurde ich als kleines Kind Monat / Tag / Jahr in der Schule unterrichtet. Wissenschaftlich macht es keinen Sinn.
Duncan Calvert
1
ISO 8601 für den Gewinn! year / month / day
Qqwy

Antworten:

28

Für einen fortgeschrittenen Benutzer ist die Texteingabe die beste, wenn der Benutzer das Datumsformat kennt, ist es sehr schnell. Für einen nicht so fortgeschrittenen Benutzer empfehle ich die Verwendung eines Datepickers. Da Sie normalerweise auch fortgeschrittene und nicht fortgeschrittene Benutzer haben, empfehle ich eine Kombination aus Texteingabe und Datumsauswahl.

asalamon74
quelle
116
Das Problem bei den meisten Datepickern ist, dass es schmerzhaft ist, 30/40 / oder mehr Jahre zurück zu gehen.
UnkwnTech
3
Obwohl ich mir jetzt den ansehe, den er angeboten hat, denke ich, dass es nicht schlecht ist.
UnkwnTech
21
Die Datumsauswahl ist bei der Eingabe von DOB eine schreckliche Benutzererfahrung, da, wie von Unkwntech erwähnt, mehrere Jahre zurückgegangen werden muss. Außerdem gibt eine Datums- / Uhrzeitauswahl den Wert des Standorts eines bestimmten Datums in Bezug auf die Struktur des Monats und der Woche an, was bei der Auswahl eines DOB nicht erforderlich ist.
Alex Czarto
6
Der Datepicker von jQuery bietet die Möglichkeit, Dropdown-Menüs für Monat und Jahr anzuzeigen , wodurch die Auswahl eines Geburtsdatums erheblich beschleunigt wird.
Carl G
1
Hier ist ein Beispiel für eine maskierte Texteingabe mit HTML5-Regex, um die numerische Tastatur auf iOS-Geräten zu erzwingen: cde.boaterexam.com/washington/register
Alex Czarto
161

Wenn Sie sicherstellen möchten, dass "der Benutzer überhaupt nicht verwirrt wird", ist dies meiner Meinung nach die beste Option.

drei Dropdowns für Monat, Tag, Jahr

Ich würde keinen Datepicker für das Geburtsdatum empfehlen . Zuerst müssen Sie zum Jahr navigieren (klicken, klicken, klicken ...), dann zum Monat (klicken Sie auf etwas mehr) und dann die winzige Zahl in einem Raster suchen und darauf klicken.

Datepicker sind nützlich, wenn Sie das genaue Datum nicht genau kennen, z. B. wenn Sie eine Reise für die zweite Februarwoche planen.

Patrick McElhaney
quelle
6
Upvoted: Dies ist genau die Antwort, die ich geben wollte. Datepicker ist gut für Situationen, in denen ich weiß, dass es ein Freitag ist, aber für das Geburtsdatum bietet es keinen Mehrwert.
schlank
14
Downvoted: Dropdowns sind für Benutzer SEHR ärgerlich, insbesondere für diese Art von Daten. Siehe Nielsen: useit.com/alertbox/20001112.html
Mauricio Scheffer
5
@mausch Aus diesem Grund habe ich meiner Antwort "Wenn Sie sicherstellen möchten, dass der Benutzer überhaupt nicht verwirrt wird" vorangestellt. FTA: "Dropdown-Menüs haben ihre Vorteile ... weil sie ein Standard-Widget sind ( Benutzer wissen, wie sie mit einem Dropdown-Menü umgehen müssen, wenn sie darauf stoßen. "
Patrick McElhaney
1
@patrick, Sie haben Recht, Dropdowns sind sehr Standard, aber ein einfaches Textfeld ist meiner Meinung nach natürlicher, da es näher daran liegt, wie ein Papierformular aussehen würde. Mein Punkt ist, dass die Leute "09.10.1975" von all den Wiederholungen tief in ihrem Gehirn fest verdrahtet haben, also lassen Sie sie genau das schreiben.
Mauricio Scheffer
24
Wurden Sie am 9. Oktober oder 10. September geboren? Ich kann diese Mehrdeutigkeit nicht mit einem einfachen Textfeld lösen.
Patrick McElhaney
140

Obwohl dies eine sehr alte Frage ist, ist es so wichtig, dass das Geburtsdatum korrekt eingegeben wird, insbesondere in einem Registrierungsformular.

Ich denke, niemand hat dies besser gemacht als die Google-Konten, die sich anmelden:

Google-Konto anmelden

Wählen Sie den Monat zuerst aus einem Auswahlfeld aus und geben Sie Datum und Jahr manuell ein. Einfach.

Einfach zu validieren. Einfach für Benutzer, um richtig zu machen. Kein Zurückblättern der Jahre in einem Auswahlfeld von 1900 bis zum heutigen Jahr. Es ist nicht erforderlich, ein Auswahlfeld "Tag" basierend auf der Monatseingabe zu aktualisieren. Funktioniert hervorragend im Web. Funktioniert hervorragend auf Mobilgeräten. Funktioniert für alle Länder, z. B. 01/10/2014 - ist das der 1. Oktober oder der 10. Januar? Ich gehe davon aus, dass wir dieses Format für die Geburtstagsauswahl in Zukunft noch viel mehr sehen werden.

Ein Datepicker ist nur eine schlechte Lösung. So viele Klicks! Meiner Meinung nach ist ein Datepicker nur dann nützlich, wenn es wichtig ist, den Wochentag zu kennen, z. B. Tickets zu buchen.

Update 06.02.2016: Ich komme aus Großbritannien und bin daher eher mit den Formaten Tag / Monat / Jahr als mit den Formaten Monat / Tag / Jahr vertraut. Benutzer, die ihren Cursor verwenden, um den Monat auszuwählen, sind meiner Meinung nach viel einfacher, wenn sie zuerst das Auswahlfeld haben, als Eingabe> Auswahlfeld> Eingabe. Das Kommentardatum ist der 2. Juni, nicht der 6. Februar;)

Patrick
quelle
9
Warum ist das nicht die beste Antwort?
Schneemann
3
Eine Sache, die ich hinzufügen möchte, ist, dem Benutzer zu erlauben, den numerischen Wert des Monats einzugeben, um einen Wert auszuwählen, wenn diese Dropdown-Liste ausgewählt ist. Das ist es, was die meisten Benutzer gewohnt sind, einen Monat lang zu tippen, also würde es für Tastaturbenutzer immer noch "nur funktionieren".
Elezar
2
Je mehr ich darüber nachdenke, desto weniger sehe ich einen Vorteil darin, den Monat überhaupt zu einem Dropdown zu machen. Warum nicht auch ein Textfeld daraus machen?
Elezar
4
Meistens, um Monat und Tag nicht zu verwechseln.
Maciej Gurban
2
Obwohl diejenigen von uns außerhalb Amerikas normalerweise den Tag vor dem Monat haben.
Jezmck
25

Wie in diesem Artikel von Jakob Nielsen erwähnt , sollten Dropdown-Listen für Daten vermieden werden, die dem Benutzer bekannt sind :

Den Benutzern bekannte Datenmenüs wie Monat und Jahr ihrer Geburt. Solche Informationen sind häufig fest in den Fingern der Benutzer verankert, und die Auswahl solcher Optionen aus einem Menü bricht das Standardparadigma für die Eingabe von Informationen und kann sogar mehr Arbeit für Benutzer schaffen.

Die ideale Lösung ist wahrscheinlich etwas wie folgt:

  • Stellen Sie 3 separate Textfelder für Tag, Monat und Jahr bereit (entsprechend gekennzeichnet).
  • Sortieren Sie die Textfelder nach der Benutzerkultur.
  • Tag- und Monatstextfelder sollten so dimensioniert sein, dass eine zweistellige Eingabe angenommen wird.
  • Das Textfeld für das Jahr sollte so dimensioniert sein, dass ein 4-stelliges Jahr angenommen wird.
  • Ermöglichen Sie dem Benutzer die Eingabe eines zwei- oder vierstelligen Jahres. Angenommen, ein zweistelliges Jahr ist 1900, und aktualisieren Sie das Textfeld, um dieses onBlur (oder einen folgenden Bestätigungsschritt) wiederzugeben.
  • Ermöglichen Sie dem Benutzer, entweder eine Monatsnummer oder einen Monatsnamen einzugeben.

BEARBEITEN: So haben wir unseren DOB-Picker implementiert: Maskiertes Texteingabefeld mit HTML5-Regex, um die numerische Tastatur auf iOS-Geräten zu erzwingen.

http://www.huntercourse.com/usa/texas/

Alex Czarto
quelle
Das einzige, was ich an Ihrer DOB-Auswahl ändern würde, ist, das "MM" "TT" "JJJJ" als Platzhaltertext anstelle eines Hinweises einzufügen.
Paul Pettengill
@Paul Die Verwendung von Platzhaltertext hat seine Usability-Herausforderungen. Obwohl wir es ursprünglich hatten , beschließen wir, es zu entfernen, nachdem wir dies gelesen haben: nngroup.com/articles/form-design-placeholders
Alex Czarto
@AlexCzarto nette Auswahl! (aber nur damit Sie wissen, wenn Sie etwas wie 31.02.1970 eingeben, wird es Ihnen die falsche Fehlermeldung geben)
Thiago Duarte
Wenn ich am 5. Juni 2001 geboren wurde, würde ich mein Geburtsdatum als "050601" eingeben, was Ihr Vorschlag als 6. Mai 1901 interpretieren würde. Wenn Sie Textfelder haben, verlassen Sie sich darauf, dass der Benutzer die MMDD-Datumsreihenfolge erkennt und deren Reihenfolge eingibt Wenn Sie ein Dropdown-Menü für einen Monat bereitstellen, muss der Benutzer die nicht ordnungsgemäße Platzierung des Monats feststellen.
Thelem
Wenn Sie das Textfeld für den Monat auf 2 Ziffern einstellen, wie können Sie dem Benutzer erlauben, entweder eine Monatsnummer oder einen Monatsnamen einzugeben?
Jin Wang
11

Geburtsdaten unterscheiden sich von anderen Daten, da Personen häufig daran gewöhnt sind, ihr spezifisches Geburtsdatum einzugeben.
Ein Textfeld mit einem Beispiel ist klar, schnell und einfach einzugeben:

 _______
|_______| (example: 31/3/1970)

Dies sollte eine flexible Formatierung wie den 1.1.1970 oder den 20.07.70 unterstützen.

Wenn Sie unterschiedliche Kulturen mit unterschiedlichen Datumskonventionen unterstützen müssen (z. B. USA und Großbritannien), kann dies für Personen, die das Beispiel nicht beachten, fehleranfällig sein. Um dies zu vermeiden, können Sie eine
Auswahlliste für den Monat und Textfelder für Datum und Jahr verwenden .

 _________   __   ____
|March  |V| |__| |____|

Dies beseitigt Unklarheiten zwischen Tages- und Monatsbestellung, ist jedoch etwas umständlicher zu verwenden.

Bennett McElwee
quelle
5

Sie sollten sich Datejs ansehen .

Datejs ist eine Open-Source-JavaScript-Datumsbibliothek.

Umfassend und doch einfach, verstohlen und schnell. Datejs hat alle Prüfungen bestanden und ist bereit zu streiken. Datejs analysiert nicht nur Zeichenfolgen, sondern schneidet sie sauber in zwei Teile.

Giovanni Cappellotto
quelle
6
Das Plugin sieht gut aus, aber 25 KB für ein einfaches Problem scheinen ein bisschen viel ...
Noel Abrahams
Nicht einverstanden mit Noel. Daten sind die komplizierteste Sache, auf die Programmierer normalerweise stoßen, insbesondere über Zeitzonen und Kulturen hinweg (wofür Datejs entwickelt wurde).
Rustavore
1
@ Gitninja - das ist ein bisschen ein Strohmann. Sie sagte nicht, dass es zu viel für ein Datum ist (was extrem komplex ist), aber für ein "einfaches Problem" nehme ich das Problem "Geburtsdatum" an. Da es eine große Anzahl von Javascript-Bibliotheken und -Methoden gibt, mit denen eine Lösung ohne 25 KB erreicht werden kann, würde ich dem zustimmen.
Kerry Jones
Wenn das Hinzufügen von 25 KB zu meinem Formular bedeutet, dass ich keine Dropdown-Menüs verwenden muss, dann sei es so
Ladieu
4

Ich bin beunruhigt über das Überwiegen von Lösungen anstelle von Entwürfen. Das OP sagte: "Ich möchte wissen, was die benutzerfreundlichste und problemloseste Lösung ist, damit der Benutzer überhaupt nicht verwirrt wird." Egal, ob es sich um jQuery oder JavaScript oder C # oder FORTRAN handelt, das Design ist wichtig - und es ist das UX-Design, nicht das UI-Design, das hier zählt. (Ein weiteres Plädoyer, um das falsche und unlogische Konstrukt "UX / UI" zu vermeiden).

Verwenden Sie die Texteingabe. Verwenden Sie drei separate Felder mit den Bezeichnungen Tag, Monat und Jahr (oder Monat, Tag und Jahr). Lassen Sie Benutzer die Daten eingeben. Das Mischen von Text und Listen in derselben Interaktion ist eine schlechte Sache (verwenden Sie keine Texteingabe für das Jahr, sondern beispielsweise die Datumsauswahl oder Listen für Monat und Tag).

Verwenden Sie ein einzelnes Textfeld, das Formathinweise im Feld verwendet, z. B. [Tag / Monat / Jahr]. Benötigen Sie keine zu strengen Formate. Wenn ein Benutzer JUN an der Stelle eingibt, an der Sie einen Monat erwarten, verwenden Sie June im Backend. Wenn ein Benutzer 6 an der Stelle eingibt, an der Sie einen Monat erwarten, verwenden Sie June im Backend. Wenn ein Benutzer an der Stelle, an der Sie einen Monat erwarten, 06 eingibt, verwenden Sie June im Backend.

Verwenden Sie Occams Rasiermesser als Leitfaden (tatsächlich sind die Daten die meiste Zeit genau genug). Reduzieren Sie die kognitive Reibung (lassen Sie die Benutzer nicht nachdenken).

Joe
quelle
Die Verwendung von drei separaten Textfeldern bedeutet, dass ich auf einem Mobiltelefon in jedes klicken muss, damit der Ziffernblock angezeigt wird. Der Rest Ihrer Idee ist gut - dies sollten alles Textfelder sein.
PKHunter
3

Ich hatte datePicker mit meinem Benutzer ausprobiert, aber es stellte sich heraus, dass es für ihn eine schlechte Benutzeroberfläche war. Am Ende habe ich 3 Textfelder, in die sie schnell [Tag] [Monat] [Jahr] eingeben können :(

c.sokun
quelle
2

Setzen Sie beide und machen Sie jedes Update das andere. Wenn der Benutzer das Datum aus der Datumsauswahl auswählt, ist es einfach, einen kleinen Fehlklick im Textfeld zu beheben oder die Auswahl zu visualisieren, die Sie in das Textfeld in der Datumsauswahl eingegeben haben.

Tuminoid
quelle
Ich kann nicht beides sagen, passt nicht ins Design :) Ich brauche nur eines davon.
Ionuț Staicu
Da der Datepicker Javascript benötigt, verwenden Sie Javascript, um es nur bei Bedarf anzuzeigen. Stellen Sie die Position auf absolut ein, damit sie über allen anderen Elementen schwebt.
einige
Normalerweise platzieren Sie einfach das Textfeld und fügen das Symbol daneben hinzu, das den Datums-Picker öffnet.
Tuminoid
2

Warum testest du nicht alle drei und wählst die aus, die am besten abschneidet? Dies scheint ein guter Kandidat für den Test des Google Website Optimizer zu sein.

Es kann sein, dass die Art der Benutzer, die Sie haben, oder die Art der Site, die Sie ausführen, vorschreibt, dass Ihre Lösung von der "Norm" abweichen sollte.

Nicolai
quelle
1

Normalerweise verwende ich beides - einen Datepicker, der ein Textfeld im richtigen Format ausfüllt. Fortgeschrittene Benutzer können das Textfeld direkt bearbeiten, mausfreudige Benutzer können mit dem Datepicker auswählen.

Wenn Sie sich Sorgen um den Platz machen, habe ich normalerweise nur das Textfeld mit einem kleinen Kalendersymbol daneben. Wenn Sie auf das Kalendersymbol klicken, wird die Datumsauswahl als Popup angezeigt.

Ich finde es auch empfehlenswert, das Textfeld mit Text vorzufüllen, der das richtige Format angibt (dh: "TT / MM / JJJJ"). Wenn der Benutzer das Textfeld fokussiert, verschwindet dieser Text, sodass er sein eigenes eingeben kann.

Stewart Johnson
quelle
1

Als vielleicht einer der älteren Menschen hier, die Ende des Monats geboren wurden, finde ich Dropdown-Menüs für Geburtsdaten frustrierend. Normalerweise muss ich in zwei Dropdown-Menüs nach unten scrollen, und das ist umständlich. Ich würde es viel lieber eingeben.

Wenn Sie ein Steuerelement so gestalten können, dass es entweder Dropdown-Menüs akzeptiert oder in diese eingetippt werden kann, und beide Funktionen klarstellen, wäre dies hervorragend.

David Thornley
quelle
Dies ist kein wirkliches Problem, da die meisten Browser, wenn das Dropdown-Widget fokussiert ist, die Eingabe unterstützen, um schnell zum richtigen Wert zu gelangen
thepeer
@thepeer: Aber sie sehen nicht so aus. Es gibt nicht das, was John Norman ("Design of Everyday Things") als Erschwinglichkeit für das Tippen bezeichnet.
David Thornley
1

Ob Sie einen Datepicker verwenden oder nicht, hängt meiner Meinung nach davon ab, wie lange die Daten zurückliegen. Wenn sie normalerweise im aktuellen Monat sind und fast nie älter als ein paar Monate, und Sie wissen, dass es Javascript gibt, ist ein Datepicker gut. Wenn die Daten nicht aktuell sind (z. B. ein Geburtsdatum), ist dies meiner Meinung nach die beste Option:

http://img411.imageshack.us/img411/6328/mockupg.png

Beachten Sie, dass sich dies von der Antwort von Patrick McElhaney darin unterscheidet, dass das Jahr ein Textfeld und kein Dropdown ist . Die Auswahl einer Nummer aus einem Dropdown-Feld mit Hunderten von Elementen ist für den Benutzer sehr ärgerlich.

Pennen
quelle
1
Der Tag muss keine Dropdown-Box sein. Die Eingabe und Validierung einer Zahl zwischen 1 und 31 ist trivial.
Alex Czarto
1

Ich denke, eine Datumsauswahl macht die Eingabe des Geburtsdatums nur komplizierter.

Wie bereits erwähnt, scheint eine Kombination von Drop-Listen für Tage und Monate mit einem Textfeld für das Jahr für einen Benutzer am effizientesten zu sein. Die Eingabe eines Geburtsdatums auf diese Weise dauert weniger als 10 Sekunden. Dies ist weitaus schneller als bei der Datumsauswahl: Dank der Tabulatortaste (mit der alle Benutzer das Ausfüllen eines Formulars erlernen sollten) können Sie schnell von einem Formular aus wechseln Element zum nächsten.

Zumindest unter Macintosh (ich weiß nichts über Windows) können Sie auch über die Tastatur auf das Datum in Auswahlfeldern zugreifen: Dank der Tabulatortaste erhalten Sie den Fokus auf das Formularelement und drücken dann die Pfeiltaste, um das Dropdown-Menü zu öffnen Geben Sie die Liste ein und geben Sie beispielsweise 1967 ein, und Sie gelangen im Handumdrehen dorthin.

Firebush
quelle
0

Ich würde einen Datepicker (und ein Eingabefeld mit dokumentiertem Format als Ersatz) für eine internationale Site bevorzugen.

Datumsformate variieren und sind manchmal schwer zu lesen, wenn Sie jetzt daran gewöhnt sind. Schade, dass sich viele Menschen mit ISO 8601 nicht wohl fühlen ::-(

stesch
quelle
0

Ich würde vorschlagen, für jedes Feld ein Dropdown-Menü zu verwenden, das jeweils als Tag, Monat und Jahr gekennzeichnet ist. Eine Datumsauswahl kann ebenfalls hilfreich sein, aber wenn der Benutzer kein JavaScript aktiviert hat, funktioniert dies nicht.

Philip Morton
quelle
Da es sich um eine Site voller Javascript handelt, gibt es für ALLES keine Chance, ohne JS zu arbeiten. Also diese Art von Bedenken ist jetzt nutzlos :)
Ionuț Staicu
Was ist, wenn ein sehbehinderter Benutzer Ihre Website nutzen möchte?
Philip Morton
1
Wenn Sie Namen von Monaten und vierstelligen Jahren verwenden, erfolgt die Selbstbeschriftung, da sich die Wertesätze nicht überschneiden.
Dave Sherohman
1
Downvoted: Dropdowns sind für Benutzer SEHR ärgerlich, insbesondere für diese Art von Daten. Siehe Nielsen: useit.com/alertbox/20001112.html
Mauricio Scheffer
0

Ich würde einen DatePicker nehmen. Es ist die einzige Komponente, mit der erfahrene Benutzer sie manuell eingeben können, und die Anfänger können ganz einfach ein Datum eingeben.

Der Kalender sollte nicht angezeigt werden, wenn Sie über die Tabulatortaste eingeben, sondern auf eine Schaltfläche klicken. Kein erfahrener Benutzer ärgert sich darüber.

Guerda
quelle
0

Wen verwenden Sie nicht den jQuery UI DatePicker?

Es ist konfigurierbar für nahezu alle Anforderungen. Der einzige Nachteil ist, wenn Sie es in die jQuery-Benutzeroberfläche aufnehmen, hat es einen etwas großen Platzbedarf.

Aktualisieren

Einige der Dateigrößen scheinen sich geändert zu haben, daher werden sie unten aktualisiert. Beachten Sie, dass diese Zahlen nur für die Zeit korrekt sind, zu der sie zuletzt aktualisiert wurden. Möglicherweise haben sich die Dinge seitdem geändert.

  • CSS-Thema - 23kb
  • jQuery UI - 71 KB minimiert
  • DatePicker - 38kb
  • Plus ein paar Bilder (nächsten Monat / Vormonat, von denen ich mir ziemlich sicher bin, dass sie Sprites sind)

Aber das ist nicht schlecht ...

Alex
quelle
Keine Sorge, Sie können CSS so ziemlich hacken. Ich wollte nur wissen, was die beste Methode ist;)
Ionuț Staicu
68k .... das ist falsch, wie ist das 28k CSS-Thema ...
Redsquare
@redsquare Dinge haben sich wahrscheinlich geändert, seit ich dies gepostet habe. Fühlen Sie sich frei, meine Antwort zu bearbeiten. Danke, dass du mich auch informiert hast.
alex
für den datepicker ist nur die gesamte benutzerdefinierte ui js 38k minimiert, mit gzip ist dies dann erheblich kleiner
redsquare
Ich empfehle dringend, jQuery Datepicker für Geburtsdaten zu vermeiden. Ich habe versucht, es zu benutzen, wir hatten viele Beschwerden von Kunden. Zunächst war es zu schwierig, mehr als ein paar Jahre zurück zu gehen. (30 Jahre erfordern 360 Klicks mit Standardeinstellungen). Wenn Sie die Jahresauswahl hinzufügen, klicken viele Benutzer zuerst auf den Tag, wodurch die Datumsauswahl ausgeblendet wird, ohne dass die Auswahl des Jahres erzwungen werden muss. Und dann würde der Benutzer zurückgehen und nur das Jahr ändern, nicht auf das Datum klicken, wodurch die Jahresänderung nicht registriert würde. Schreckliche Erfahrung.
Andrei
0

Die JQueryUI-Datetime-Auswahl ist die beste Option, da Pro-Benutzer ihren eigenen Wert in das Textfeld eingeben oder ihn aus der Auswahl auswählen können.

Das Einrichten der Auswahl zur einfachen Eingabe von Geburtstagen oder zukünftigen Daten ist ebenfalls recht einfach:

$ ('# datepicker'). datepicker ({
    changeMonth: wahr,
    changeYear: wahr,
    Jahresbereich: '-100: +50'
});

Dies zeigt so etwas (ich kann kein Foto posten, da ich neuer Benutzer bin: http://klalex.com/wp-content/uploads/2009/07/picture-1.png )

und yearRange zeigt Daten von DateTime.Now.Year - 100 bis DateTime.Now.Year + 50 an

fand dies auf: http://klalex.com/2009/07/jquery-ui-datepicker-for-birth-date-input/

pajics
quelle
0

Ich habe gerade ein Plugin für JSFiddle entdeckt. Zwei mögliche Alternativen: 1 einzelner Eingang ODER 3 Eingänge, sieht aber wie ein einzelner aus ... (Verwenden Sie die Tabulatortaste, um zum nächsten Eingang zu gelangen.)

[Link] http://jsfiddle.net/davidelrizzo/c8ASE/ Es scheint interessant!

Laurent B.
quelle
3
Hier ist der Link: jsfiddle.net/davidelrizzo/c8ASE
Laurent B
0

Ich denke, Sie können Plugin Birthdaypicker versuchen ,

Geben Sie hier die Bildbeschreibung ein

legendJSLC
quelle
0

Sie können das Plugin cxcalendar verwenden . Es sieht aus wie ein anderer Datepicker. Sie können jedoch Jahr und Monat in der Auswahl auswählen, nachdem Sie auf den Titel Jahr-Monat geklickt haben.

Geben Sie hier die Bildbeschreibung ein

legendJSLC
quelle
Dies hat alle UX-Herausforderungen, die oben diskutiert wurden.
PKHunter
-3

Ich habe drei Dropdowns für die Auswahl des Geburtsdatums und die Anzahl der Tage erstellt, die sich dynamisch basierend auf der Auswahl von Jahr und Monat ändern. http://jsfiddle.net/ravitejagunda/FH4VB/10/

daysInMonth = new Date(year,month,1,-1).getDate();
user3845825
quelle