日期选择器中的验证，仅显示当前日期的最后5个月的日期

我想验证日期选择器中的日期从今天到最后直到5个月。 EG。如果今天的日期是25/08/2017。日历上个月日期有效24/03/2017。意味着用户无法在24/03/2017之前填写日期。禁用5个月前的日期。日期选择器中的验证，仅显示当前日期的最后5个月的日期

来源

2017-08-25 Aditi

你尝试过这么远吗？你有一些示例代码？ – Thijs

似乎重复的https://stackoverflow.com/questions/17292087/limiting-date-range-in-html-5 –

可能重复的[在HTML 5中限制日期范围]（https://stackoverflow.com/questions/17292087 /限制日期范围-html-5） –

您可以使用minDate函数。检查这一点 -

var date = new Date(); 
var currentMonth = date.getMonth(); 
var currentDate = date.getDate(); 
var currentYear = date.getFullYear(); 

$('#calendar123').datepicker({ 
    minDate: new Date(currentYear, currentMonth-3, currentDate), 
    maxDate: new Date(currentYear, currentMonth+3, currentDate) 
});

来源

2017-08-25 07:00:27

这不起作用。如果这是正确的，请给出jsfiddle或任何其他编辑器的链接 – Aditi

我已经更新了我的答案。请检查。 –

请参阅此.https：//jsfiddle.net/d6rbf0ge/ – Aditi

你可以用这样也..

$（ '＃calendar123'）日期选择器（{ 的minDate： “-05m” }）;

来源

2017-08-25 07:11:42

希望这会帮助你。

$("input.DateFrom").datepicker({ 
 
    minDate:'-5m', 
 
    maxDate:'0' 
 
});

<link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css" rel="stylesheet"/> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> 
 

 
<div class="demo"> 
 

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

 
</div><!-- End demo -->

来源

2017-08-25 07:44:56

请添加一些解释来解释为什么您的建议将起作用。 – Nisarg

你可以参考小提琴这里是一个工作的例子，根据你的期望http://jsfiddle.net/sain_anky/kGjdL/2147/ –

我已经在你的小提琴的答案基础上创建了一个片段。你可以在编辑器中使用'<>'按钮来做到这一点。 – Nisarg

日期选择器中的验证，仅显示当前日期的最后5个月的日期

回答

相关问题