zwei-stelliges Jahr auf datepicker

Den Datepicker plugin hat eine spezielle option für solche Fälle - shortYearCutoff:

shortYearCutoff

Die das umstellungsjahr für die Ermittlung des Jahrhunderts für ein Datum (verwendet in
zusammen mit 'y' dateFormat). Alle Daten eingegeben mit einem Jahr Wert, der kleiner oder gleich dem cutoff-Jahr werden, gelten als in das aktuelle Jahrhundert, während diejenigen, die größer
als es als zu dem im vorigen Jahrhundert.

Der Vorgabewert ist '+10' (zehn Jahre von der aktuellen, also in 2012, '22' gefüllt wird umgewandelt in '2022', sondern auch '23' endet '1923').

Können Sie liefern 99 (max-Wert), bei der Initialisierung Ihrer datepicker, wie diese:

$( ".selector" ).datepicker({ shortYearCutoff: 99 });

... alle, die die zwei-Jahren gehören zu den aktuellen Jahrhunderts.

Hinzufügen der shortYearCutoff option nicht irgendetwas tun, wenn der picker-Fenster ist nur aktiviert über Taste (showOn: 'button'), die ein Benutzer manuell eingibt ein date mit einem 2-stelligen Jahr, und ein 4-stelliges Jahr gewünscht.

Landete ich anfügen, mein eigenes change-Ereignis, um das Eingabefeld zu behandeln, Datum-Formatierung, Beispiel-code gezeigt unten.

Es sollte auch angemerkt werden, dass die jquery-Validierung verwendet wird und konfiguriert die form, dass dieser Eingang befindet. Die Validierung der Einstellungen auf der datepicker-input konfiguriert sind, erzwingen ein date-Wert. datepicker:{date: true} Dies, kombiniert mit dem datepicker dateFormat-Einstellung konfiguriert als "mm/dd/yy" sicherstellen, dass die benutzerdefinierte onchange-Ereignis code-handling zuverlässig arbeiten.

//datepicker
$( "#datepicker" ).attr("placeholder", "mm/dd/yyyy").change(function(){
//get the date value from the input field
var d = $(this).val();
//get the last 4 characters of the date value entered
var last4 = d.substr(-4);
//determine if the last 4 characters contain the character: /
if(last4.indexOf('/') > -1){
//yes there is a /character which means a two digit year was provided
//store the last two digits from the input string
var last2 = ((d.substr(-2))*1);
//remove the last two digits from the input string
d = d.slice(0,(d.length-2));
//prepend a 19 or 20 to the two digit year given based on a cutOff of 30
if(last2<=30){
d = d+'20'+last2;
}else{
d = d+'19'+last2;
}
}
//store/display the properly formated date
d = $.datepicker.parseDate('mm/dd/yy', d);
$(this).datepicker('setDate', d);
}).datepicker({
dateFormat: "mm/dd/yy",
shortYearCutoff: 30,
buttonImage: 'images/calendar_icon.png',
showOn: 'button'
});

Input values | onchange output results
--------------------------------------
07/04/2000   | 07/04/2000 (no change)
7/4/2000     | 07/04/2000
07/04/00     | 07/04/2000
07/4/00      | 07/04/2000
7/4/00       | 07/04/2000
7/4/30       | 07/04/2030
7/4/31       | 07/04/1931
07/04/2031   | 07/04/2031 (no change)
07/04/1931   | 07/04/1931 (no change)

Geänderten code oben, um im Grunde Skala basierend auf dem aktuellen Datum zu verwenden, das Jahr, die am nächsten zu der aktuellen Jahres-und Griff-1 digit Jahren und ignorieren, 3 Ziffern für das Jahr:

.on("change",function(){
                    var d = $(this).val();
                    var last3 = d.substr(-3);
                    //determine if the last 3 characters contain the character: /
                    if(last3.indexOf('/') > -1){
                        var currentYearStr=(new Date()).getFullYear().toString();
                        var currentCentury=(currentYearStr.substr(0,2)*1);
                        var last2 = (d.substr(-2));
                        //determine if the last 2 characters contain the character: /
                        if(last2.indexOf('/') > -1) {
                            //determine which century, within 50 years of the current year, to prepend and prepend that and decade 0 to the 1 digit year:
                            var last = (d.substr(-1)*1);
                            var yeardiff=(currentYearStr.substr(-2)*1)-last;
                            if (yeardiff>50) currentCentury++;
                            d = d.slice(0,(d.length-1));
                            d = d+currentCentury.toString()+'0'+last;
                        } else {
                            //determine which century, within 50 years of the current year, to prepend and prepend that to the 2-digit year:
                            last2=last2*1;
                            var yeardiff=(currentYearStr.substr(-2)*1)-last2;
                            if (yeardiff>50) currentCentury++;
                            else if (yeardiff<-50) currentCentury--;
                            d = d.slice(0,(d.length-2));
                            d = d+currentCentury.toString()+last2;
                        }
                        //store/display the properly formated date
                        d = $.datepicker.parseDate('mm/dd/yy', d);
                        $(this).datepicker('setDate', d);
                    }
                });