Ich versuche, einen Datumsbereich mithilfe der Datumsauswahl der Benutzeroberfläche auswählen zu lassen.
Im Feld von / bis sollten Personen nicht in der Lage sein, Daten vor dem heutigen Tag anzuzeigen oder auszuwählen.
Das ist mein Code:
$(function() {
var dates = $( "#from, #to" ).datepicker({
defaultDate: "+1w",
changeMonth: true,
numberOfMonths: 1,
onSelect: function( selectedDate ) {
var option = this.id == "from" ? "minDate" : "maxDate",
instance = $( this ).data( "datepicker" ),
date = $.datepicker.parseDate(
instance.settings.dateFormat ||
$.datepicker._defaults.dateFormat,
selectedDate, instance.settings );
dates.not( this ).datepicker( "option", option, date );
}
});
});
Kann mir jemand sagen, wie man Daten vor dem aktuellen Datum deaktiviert?
showAnim:"",
Einstellungen für die Datumsauswahl hinzufügen , um störende Änderungen von Monat und Jahr zu entfernen, wenn Sie Ihre Auswahl treffen.Deklarieren Sie die Variable dateToday und legen Sie sie mit der Funktion Date () fest. Verwenden Sie dann diese Variable, um minDate zuzuweisen, das der Parameter von datepicker ist.
Das war's ... Die obige Antwort war wirklich hilfreich ... weiter so Jungs ..
quelle
minDate:0
funktioniert bei mir.quelle
Verwenden Sie die Option "minDate", um das früheste zulässige Datum einzuschränken. Der Wert "0" bedeutet heute (0 Tage ab heute):
Dokumente hier: http://api.jqueryui.com/datepicker/#option-minDate
quelle
Nur um das hinzuzufügen:
Wenn Sie den Benutzer auch daran hindern müssen, ein Datum in der Vergangenheit manuell einzugeben, ist dies eine mögliche Lösung. Dies ist, was wir letztendlich getan haben (basierend auf der Antwort von @Nicola Peluchetti)
Dadurch wird der Wert auf das heutige Datum geändert, wenn der Benutzer ein Datum in der Vergangenheit manuell eingibt.
quelle
Live-Demo , versuchen Sie dies,
quelle
Dies ist ein einfacher Weg, dies zu tun
Wir können auch zukünftige Tage deaktivieren
quelle
setze startDate Attribut von Datepicker, es funktioniert, unten ist der Arbeitscode
quelle
jQuery API-Dokumentation - Datepicker
Das minimal wählbare Datum. Bei Einstellung
null
gibt es kein Minimum.Mehrere unterstützte Typen:
Datum: Ein Datumsobjekt, das das Mindestdatum enthält.
Anzahl: Einige Tage ab heute. Zum Beispiel
2
repräsentierttwo days
von heute und-1
repräsentiertyesterday
. Zeichenfolge: Eine Zeichenfolge in dem durch die
dateFormat
Option definierten Format oder ein relatives Datum.Relative Daten müssen Wert- und Periodenpaare enthalten. Gültige Zeiträume sind
y
füryears
,m
fürmonths
,w
fürweeks
undd
fürdays
. Zum Beispiel+1m +7d
repräsentiertone month and seven days
vontoday
.Um keine früheren Daten als heute anzuzeigen
quelle
Das Attribut " mindate " sollte verwendet werden, um übergebene Daten in jquery datepicker zu deaktivieren.
ODER
quelle
Ersetzen Sie einfach Ihren Code:
alter Code:
neuer Code:
quelle
Indem man es einstellt
startDate: new Date()
quelle
Ich habe eine Funktion zum Deaktivieren des vorherigen Datums und zum Deaktivieren flexibler Wochenendtage (wie Samstag, Sonntag) erstellt.
Wir verwenden die beforeShowDay- Methode des jQuery UI-Datepicker-Plugins.
Hier ist heute der 15. September. Ich habe Samstag und Sonntag deaktiviert.
quelle
Sie müssen das aktuelle Datum in Variablen wie diesen deklarieren
quelle
new Date()
: Funktion Holen Sie sich das heutige Datum Vorheriges Datum sind gesperrt. 100% arbeitenquelle