Bei Verwendung des Datepickers werden in der Dropdown-Liste Jahr standardmäßig nur 10 Jahre angezeigt. Der Benutzer muss auf das letzte Jahr klicken, um weitere Jahre hinzuzufügen.
Wie können wir den anfänglichen Bereich auf 100 Jahre einstellen, damit der Benutzer standardmäßig eine große Liste sieht?
function InitDatePickers() {
$(".datepicker").datepicker({
changeMonth: true,
changeYear: true,
showButtonPanel: true,
maxDate: '@maxDate',
minDate: '@minDate'
});
}
jquery
jquery-ui
jquery-ui-datepicker
Ian Vink
quelle
quelle
Antworten:
Sie können den Jahresbereich mithilfe dieser Option gemäß der Dokumentation hier http://api.jqueryui.com/datepicker/#option-yearRange festlegen
oder so
Aus den Dokumenten
quelle
+
Schild erforderlich ist.c-100:c+10
c
bedeutet eigentlich "Aktuelles ausgewähltes Jahr" und nicht aktuelles Jahr api.jqueryui.com/datepicker/#option-yearRangeDas hat bei mir perfekt funktioniert.
Beispiel:-
Siehe: - Jahresbereich in jquery datepicker einstellen
quelle
Ich war das:
Wo
50
ist der Bereich vom laufenden Jahr.quelle
Sie können den Jahresbereich mit dieser Option in jQuery UI datepicker festlegen:
quelle
Dies ist etwas spät am Tag, um dies vorzuschlagen, da die ursprüngliche Frage vor langer Zeit veröffentlicht wurde, aber das habe ich getan.
Ich brauchte eine Reichweite von 70 Jahren, die zwar nicht 100 Jahre beträgt, aber dennoch zu viele Jahre sind, als dass der Besucher sie durchblättern könnte. (jQuery geht zwar in Gruppen durch das Jahr, aber das ist für die meisten Menschen ein Problem.)
Der erste Schritt bestand darin, das JavaScript für das Datepicker-Widget zu ändern: Suchen Sie diesen Code in jquery-ui.js oder jquery-ui-min.js (wo er minimiert wird):
Und ersetzen Sie es durch:
Dies umgibt die Jahrzehnte (mit Ausnahme der aktuellen) mit OPTGROUP-Tags.
Fügen Sie dies als Nächstes Ihrer CSS-Datei hinzu:
Dies verbirgt die Jahrzehnte, bis der Besucher im Basisjahr mauset. Ihr Besucher kann schnell durch eine beliebige Anzahl von Jahren scrollen.
Fühlen Sie sich frei, dies zu verwenden; Bitte geben Sie in Ihrem Code die richtige Zuordnung an.
quelle
Ich wollte den Datepicker implementieren, um das Geburtsdatum auszuwählen, und hatte Probleme, das zu ändern,
yearRange
da es mit meiner Version (1.5) nicht zu funktionieren schien. Ich habe hier auf die neueste jquery-ui-Datepicker-Version aktualisiert: https://github.com/uxsolutions/bootstrap-datepicker .Dann fand ich heraus, dass sie dieses sehr hilfreiche On-the-Fly-Tool bereitstellen, sodass Sie Ihren gesamten Datepicker konfigurieren und sehen können, welche Einstellungen Sie verwenden müssen.
So fand ich heraus, dass die Option
ist die Option, nach der ich gesucht habe und bei der Suche im Web wurden keine Ergebnisse gefunden.
Also für andere Benutzer: Wenn Sie auch den Datumspicker zum Ändern des Geburtsdatums bereitstellen möchten, empfehle ich, diese Codeoptionen zu verwenden:
Wenn Sie den Datepicker öffnen, beginnen Sie mit der Ansicht, die Jahre vor 20 Jahren relativ zum aktuellen Jahr auszuwählen.
quelle