禁用将来日期选择为引导日期选择

-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作为答案，但它并不试图回答这个问题。它应该可能是编辑，评论，另一个问题，或者完全删除。 –

它显示代码工作正常，但可能会导入问题。可能是旧版本，我提供了相同的工作插件版本。 –

_但是可能存在与进口有关的问题，仍然是评论而不是答案。 –

禁用将来日期选择为引导日期选择

回答

相关问题