带有限制的datepicker jquery用户界面
带有限制的datepicker jquery用户界面
提问于 2014-09-18 23:54:20
我有两个数据采集器，在第一个数据采集器中，您可以从今天开始选择一个日期，在第二个数据交换器中，限制必须是:从第一个数据机开始的日期的5天后，从第一个数据机的日期后的90天作为最大日期。
我有这个，但不管用，有人能帮我吗？
<script>
$(function() {
$( "#datepicker" ).datepicker({ minDate: 0 });
});
function calc(){
var date_min = $('#datepicker').datepicker('getDate', '+5d');
var date_max = $('#datepicker').datepicker('getDate', '+90d');
$( "#datepicker2" ).datepicker({ minDate: date_min,maxDate: date_max });
}
</script>
<p>Date: <input type="text" id="datepicker" onChange="calc()"></p>
<p>Date2: <input type="text" id="datepicker2"></p>回答 2
Stack Overflow用户
回答已采纳
发布于 2014-09-19 00:20:15
我为您的问题http://jsfiddle.net/KBq48/35/编写了一个简单的脚本
$("#datepicker1, #datepicker2").datepicker({
minDate: "+0",
maxDate: "+2Y",
defaultDate: "+1w",
dateFormat: 'mm/dd/yy',
beforeShow: function() {
var thedate = new Date( $('#datepicker1').val() );
var minDate = new Date(thedate.setDate(thedate.getDate() + 5));
var maxDate = new Date(thedate.setDate(thedate.getDate() + 90));
$('#datepicker2').datepicker("option", "minDate", minDate);
$('#datepicker2').datepicker("option", "maxDate", maxDate);
}
});希望它有帮助:)
Stack Overflow用户
发布于 2014-09-19 00:20:44
您应该能够获取值，并从那里设置min和max。试试这个：
function calc(){
var date_value = $('#datepicker').datepicker().val();
var dateValue = new Date(date_value);
$( "#datepicker2" ).datepicker({
changeYear: true,
minDate: '+5d',
maxDate: '+90d',
defaultDate: dateValue,
});
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/25924269
复制相关文章
相似问题
腾讯云开发者
