日期选择器中的验证,仅显示当前日期的最后5个月的日期
问题描述:
我想验证日期选择器中的日期从今天到最后直到5个月。 EG。如果今天的日期是25/08/2017。日历上个月日期有效24/03/2017。意味着用户无法在24/03/2017之前填写日期。禁用5个月前的日期。日期选择器中的验证,仅显示当前日期的最后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)
});
答
你可以用这样也..
$( '#calendar123')日期选择器({ 的minDate: “-05m” });
答
希望这会帮助你。
$("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 -->
你尝试过这么远吗?你有一些示例代码? – Thijs
似乎重复的https://*.com/questions/17292087/limiting-date-range-in-html-5 –
可能重复的[在HTML 5中限制日期范围](https://*.com/questions/17292087 /限制日期范围-html-5) –