web-dev-qa-db-ger.com

Deaktivieren Sie zukünftige Daten nach dem heutigen Tag in Jquery Ui Datepicker

Ich möchte alle zukünftigen Termine nach heute in Jquery Ui Datepicker deaktivieren

Hier ist die Demo :

Code: 

$( "#start_date" ).datepicker(

        { 
            maxDate: '0', 
            beforeShow : function()
            {
                jQuery( this ).datepicker('option','maxDate', jQuery('#end_date').val() );
            },
            altFormat: "dd/mm/yy", 
            dateFormat: 'dd/mm/yy'

        }

);

$( "#end_date" ).datepicker( 

        {
            maxDate: '0', 
            beforeShow : function()
            {
                jQuery( this ).datepicker('option','minDate', jQuery('#start_date').val() );
            } , 
            altFormat: "dd/mm/yy", 
            dateFormat: 'dd/mm/yy'

        }

);
24
Hassan Sardar

Versuche dies

 $(function() {
  $( "#datepicker" ).datepicker({  maxDate: new Date() });
 });

Oder Sie können dies wie folgt erreichen:

$(function() {
  $( "#datepicker" ).datepicker({  maxDate: 0 });
});

Referenz

DEMO

AKTUALISIERTE ANTWORT

72
Amit

In meinem Fall habe ich dieses Eingabe-Tag mit diesem Attribut versehen

data-date-start-date="0d" data-date-end-date="0d"

4
Megamind

Sie können das einfach tun 

$(function() {
    $( "#datepicker" ).datepicker({  maxDate: new Date });
  });

JSFiddle

Zu Ihrer Information: Während der Überprüfung der Dokumentation wurde festgestellt, dass auch numerische Werte akzeptiert werden.

Number: Eine Anzahl von Tagen ab heute. Beispiel 2 steht für zwei Tage von heute und -1 repräsentiert gestern.

so repräsentiert 0 heute. Deshalb können Sie das auch tun

 $( "#datepicker" ).datepicker({  maxDate: 0 });
3
Praveen

Das hat für mich funktioniert endDate: "today"

  $('#datepicker').datepicker({
        format: "dd/mm/yyyy",
        autoclose: true,
        orientation: "top",
        endDate: "today"

  });

QUELLE

2

MaxDate auf aktuelles Datum ändern

maxDate: new Date()

Das aktuelle Datum wird als Maximalwert festgelegt.

2
Mohit Pandey

Wenn Sie Dtpicker anhängen, verwenden Sie den folgenden Code

$('#enddate').appendDtpicker({
    "dateOnly": true,
    "dateFormat": "YYYY-MM-DD",
    "closeOnSelected": true,
    maxDate: new Date()         
});
1
burningEye

datepicker hat kein maxDate als Option. Ich habe diese endDate-Option verwendet. Es hat gut funktioniert.

> $('.demo-calendar-default').datepicker({
>                 autoHide: true,
>                 zIndex: 2048,
>                 format: 'dd/mm/yyyy',
>                 endDate: new Date()
>             });
0
megha mohan