2

다음 코드를 사용했지만 작동하지 않습니다. 제발 도와 줘요.datepicker에서 미래 날짜를 비활성화하는 방법은 무엇입니까?

$(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, ''); 
      } 
     }); 
    }); 
+0

이'$ ("ID") 날짜 선택기 ('옵션', 'maxDate', 새 Date()) 시도,' – KiRa

+0

날짜 변화를 :. 당신이 날짜를 일단 어느입니다 이 라인을 $ ("ID") .png datePicker ({maxDate : selected Date()})';에서 선택하고이 라인을'on ('ChangeDate')'이벤트에 추가합니다. –

+0

또는 변경 전의 날짜를 사용 중지하려는 경우 KiRa가 솔루션을 이미 제공합니다. –

답변

4

당신은이 작업을 수행 할 수 날짜 선택기는 당신이 acchive 수 maxDate:'0'를 사용하는 옵션 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>

+0

$가 정의되지 않았습니다 ... 예제를 완료하려면 위의 jQuery 링크를 추가하십시오. –

+0

@SoniVimal 편집 해 주셔서 감사합니다. –

+0

마지막 업데이트를 재확인하십시오. 이제 마침내 일하고 있습니다. :) –

0

있습니다.

Working fiddle

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