禁用將來日期選擇爲引導日期選擇

-1

我有一個數據輸入形式，我想避免選擇將來的日期用戶：禁用將來日期選擇爲引導日期選擇

$(document).ready(function(){ 
 
\t  $('.month').datepicker({ 
 
\t \t \t  format: 'yyyy-mm-dd', 
 
\t \t \t  endDate: '+1d', 
 
\t  }); 
 
    });

<div> 
 
\t <div class="col-md-6"> 
 
\t \t <div class="form-group"> 
 
\t \t \t <div class="col-md-11 col-xs-11"> 
 
\t \t \t \t <input type="text" readonly="" id="sale_from" placeholder="Click & Select From Date" value="" size="16" class="form-control month"> 
 
\t \t \t </div> 
 
\t \t </div> 
 
\t </div> 
 
\t <div class="col-md-6"> 
 
\t \t <div class="form-group"> 
 
\t \t \t <div class="col-md-11 col-xs-11"> 
 
\t \t \t \t <input type="text" readonly="" id="sale_to" placeholder="Click & Select To Date" size="16" class="form-control month"> 
 
\t \t \t </div> 
 
\t \t </div> 
 
\t </div> 
 
</div>

來源

2016-09-26 veeran

你的代碼工作得很好：http://jsfiddle.net/vh1oknf7/173/ –

@ZakariaAcharki是其在小提琴的工作，但爲什麼它不是在我的本地工作:( – veeran

不確定，但我敢肯定，問題是不是在發佈的代碼... –

請試試這個，而不是結束日期您應該使用maxDate參數。

<!DOCTYPE html> 
<html> 
<head> 
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> 
    <link rel="stylesheet" href="/resources/demos/style.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> 
<script> 
$(document).ready(function(){ 
    $('.month').datepicker({ 
      format: 'yyyy-mm-dd', 
      maxDate: new Date, minDate: new Date(2007, 6, 12) 
    }); 
}); 
</script> 
</head> 
<body> 
<div> 
<div class="col-md-6"> 
    <div class="form-group"> 
     <div class="col-md-11 col-xs-11"> 
      <input type="text" readonly="" id="sale_from" placeholder="Click & Select From Date" value="" size="16" class="form-control month"> 
     </div> 
    </div> 
</div> 
<div class="col-md-6"> 
    <div class="form-group"> 
     <div class="col-md-11 col-xs-11"> 
      <input type="text" readonly="" id="sale_to" placeholder="Click & Select To Date" size="16" class="form-control month"> 
     </div> 
    </div> 
</div> 
</body> 
</html>

來源

2016-09-26 10:01:31

它不工作:(是由於日期格式。 – veeran

@veeran找到我更新的答案，這是工作。 –

問題解決這是由於我的引導日期選擇器已過時我更新它，它現在工作:)。謝謝。 – veeran

嗯，我看你的代碼是除了語法錯誤完美（後 endDate參數，但它不會影響任何東西）

所以請檢查，因爲有您使用的是datepicker JS多個Bootstrap datepickers可用。

我已經提供了工作演示，請將相同的插件複製到您的應用中並進行測試。

$('.month').datepicker({ 
 
      format: 'yyyy-mm-dd', 
 
      endDate: '+1d' 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.0/js/bootstrap-datepicker.js"></script> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.0/css/bootstrap-datepicker.css" rel="stylesheet"/> 
 

 

 
<div> 
 
<div class="col-md-6"> 
 
    <div class="form-group"> 
 
     <div class="col-md-11 col-xs-11"> 
 
      <input type="text" readonly="" id="sale_from" placeholder="Click & Select From Date" value="" size="16" class="form-control month"> 
 
     </div> 
 
    </div> 
 
</div> 
 
<div class="col-md-6"> 
 
    <div class="form-group"> 
 
     <div class="col-md-11 col-xs-11"> 
 
      <input type="text" readonly="" id="sale_to" placeholder="Click & Select To Date" size="16" class="form-control month"> 
 
     </div> 
 
    </div> 
 
</div>

來源

2016-09-26 10:08:26

那麼爲什麼這個答案？這是pos作爲答案，但它並不試圖回答這個問題。它應該可能是編輯，評論，另一個問題，或者完全刪除。 –

它顯示代碼工作正常，但可能會導入問題。可能是舊版本，我提供了相同的工作插件版本。 –

_但是可能存在與進口有關的問題，仍然是評論而不是答案。 –

禁用將來日期選擇爲引導日期選擇

回答

相關問題