Wie zukünftige Daten in Datepicker zu deaktivieren?

Ich habe folgenden Code dafür verwendet, aber es funktioniert nicht. Bitte hilf mir, es zu tun.Wie zukünftige Daten in Datepicker zu deaktivieren?

$(document).ready(function() { 

     $('.datepicker').datepicker({ 
      format: 'mm-dd-yyyy', 
      autoclose:true, 
      endDate: "today", 

     }).on('changeDate', function (ev) { 
       $(this).datepicker('hide'); 
      }); 


     $('.datepicker').keyup(function() { 
      if (this.value.match(/[^0-9]/g)) { 
       this.value = this.value.replace(/[^0-9^-]/g, ''); 
      } 
     }); 
    });

Quelle

2017-02-09 Praddyumna Sangvikar

Versuchen Sie, diese '$ ("ID") picker ('Option', 'MaxDate', new Date());' – KiRa

auf Änderung. Datum: Wenn Sie Datum zu erhalten, die wähle gerade dieses Datum in dieser Zeile '$ (" ID "). datepicker ({maxDate: ausgewähltes Date()});' füge diese Zeile in 'on ('ChangeDate')' event hinzu. –

oder wenn Sie Daten vor der Änderung als oben deaktivieren möchten, bietet KiRa die Lösung bereits an. –

Sie können dies tun: Datumsauswahl hat eine Option maxDate

$(document).ready(function() { 
 
     var today = new Date(); 
 
     $('.datepicker').datepicker({ 
 
      format: 'mm-dd-yyyy', 
 
      autoclose:true, 
 
      endDate: "today", 
 
      maxDate: today 
 
     }).on('changeDate', function (ev) { 
 
       $(this).datepicker('hide'); 
 
      }); 
 

 

 
     $('.datepicker').keyup(function() { 
 
      if (this.value.match(/[^0-9]/g)) { 
 
       this.value = this.value.replace(/[^0-9^-]/g, ''); 
 
      } 
 
     }); 
 
    });

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> 
 

 
<script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
 
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
 

 
<p>Select Date: <input type="text" class="datepicker"></p>

Quelle

2017-02-09 05:26:24

$ ist nicht definiert ... Fügen Sie oben den jQuery Link hinzu, um das Beispiel zu vervollständigen. –

@SoniVimal Danke für die Bearbeitung. –

Bitte bestätigen Sie mein letztes Update. Jetzt funktioniert es endlich. :) –

verwenden Sie diese acchive können.

Working fiddle

$("#datepicker").datepicker({ 
    dateFormat: 'yy-mm-dd ', 
    maxDate:'0' 
});

Quelle

2017-02-09 05:43:30

Wie zukünftige Daten in Datepicker zu deaktivieren?

Antwort

Verwandte Themen