datepicker沒有過去的日期

Question

我需要指導如何應用這個限制日期選擇器的日期，因爲我是這個javascript的新手。

<script type="text/javascript" src="javascript/datepickr.min.js"></script> 

<input class="" type="Text" size="30" name="Date" id="Date" placeholder="yyyy-mm-dd"/> 

    <script type="text/javascript"> 
     new datepickr('Date', 
     { 
      'dateFormat': 'Y-m-d' 
     } 

     ); 
    </script> 

我也看到有人張貼關於這樣的代碼的解決方案，但我不知道如何在我的代碼

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

我曾經嘗試這樣做，以及，仍然沒有工作申請，並它是最糟糕的日期選擇器不能顯示

<link rel="stylesheet" href="css/jquery-ui-1.9.2.css" type="text/css" /> 
    <link rel="stylesheet" href="style/jquery-ui-1.9.2.min.css" type="text/css" /> 
    <script type="text/javascript" src="javascript/jquery-ui-1.9.2.js"></script> 
    <script type="text/javascript" src="javascript/jquery-ui-1.9.2.min.js"></script> 
    <script type="text/javascript" src="javascript/jquery-1.8.3.js"></script> 

<input type='text' id='datepicker'></input> 



    <script type="text/javascript"> 
     $("#date").datepicker({ 
    changeMonth: true, 
    changeYear: true, 
    yearRange: "-35:+0", 
    dateFormat: "yy-mm-dd", 
    minDate:mdate() }); 


function mdate(){ 
     var str = "-0Y"; 
     return str; } 
     </script> 

Answer 1

看看這個。其中我已經使用JQuery UI 1.9.2

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" /> 
    <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script> 

    <input id="datepicker" type="text" /> 

<script> 
    $("#datepicker").datepicker({ 
     minDate: 0 
    }); 
</script> 

我在加載時設置minDate。使用此代碼，這將適用於你。如果您想查看正在使用的代碼，請點擊運行代碼片段代碼。

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

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
 
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" /> 
 
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script> 
 

 
<input id="datepicker" type="text" />