2014-02-25 12 views
20

ich alle zukünftigen Termine nach dem heutigen Tag in Jquery Ui DatepickerDisable Zukunft geht nach dem heutigen Tag in Jquery Ui Datepicker

Hier deaktivieren möchten 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' 

     } 

); 
+0

möglich Duplikat von [Deaktiviere zukünftige Daten in jQuery UI Datepicker] (http://stackoverflow.com/questions/4002781/disable-future-dates-in-jquery-ui-datepicker) –

Antwort

60

dieses Versuchen

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

Oder Sie können wie unten dies mit erreichen:

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

Reference

DEMO

UPDATED ANSWER

+0

Du solltest meine Geige aktualisieren –

+1

@CodeHunter Bitte überprüfe 'http: // jsfiddle.net/X82aC/544/'als mein Verständnis – Amit

+0

@Amit: Danke für die Antwort, es funktioniert als ein Charme. – BNN

2

Ändern Sie das maxDate auf das aktuelle Datum

maxDate: new Date() 

Das aktuelle Datum wird als Maximalwert festgelegt.

3

Sie können einfach tun, um diese

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

JSFiddle

FYI: während die documentation Überprüfung festgestellt, dass es auch auch numerische Werte akzeptiert.

Nummer: Eine Anzahl von Tagen ab heute. Zum Beispiel 2 repräsentiert zwei Tage von heute und -1 repräsentiert gestern.

so stellt 0 heute. Daher können Sie dies auch

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

Bitte ändern Sie meine Geige –

+0

@CodeHunter kann ich wisst ihr für welches "start_datum" oder "end_datum"? – Praveen

+0

Für Startdatum ist es offensichtlich –

-3
maxDate: new Date() 

seine Arbeit für mich mit dem aktuellen Datum im Datumsbereich Picker

+1

Ich glaube nicht, dass dies den vorhandenen Antworten etwas hinzufügt. –

3

In meinem Fall deaktivieren in Ordnung, ich dieses Attribut auf den Input-Tag gegeben habe

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

1

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

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