如何在daterangepicker jquery中设置+两年
如何在daterangepicker jquery中设置+两年
提问于 2019-12-30 17:18:42
我有两个daterangepicker，我想根据第一个daterangepicker的值将第二个daterangepicker的最大日期设置为+两年。例如，如果我在第一个daterangepicker上将值设置为"2019-10-10“，那么将maxdate设置为第二个datepicker为"2021-10-10”。
这就是我尝试过的方法，但似乎不起作用
$('.date-select').daterangepicker({
singleDatePicker: true,
locale: {
format: 'YYYY-MM-DD'
},
}).on("input change", function (e) {
$("#end_date").daterangepicker({ singleDatePicker: true, minDate: -0,dateFormat: 'YYYY-MM-DD', maxDate: "+0D+0M+2Y" });
});
$('#end_date').daterangepicker({
singleDatePicker: true,
locale: {
format: 'YYYY-MM-DD'
},
});
}
});它显示无效的日期。非常感谢您的帮助。谢谢。
回答 2
Stack Overflow用户
回答已采纳
发布于 2019-12-30 18:21:43
我根本看不到你在引用第一个日期输入。尝试获取它的值，将其转换为Date对象，添加两年，并将其设置为#end_date输入的新maxDate，如下所示：
$('#start_date').daterangepicker({
singleDatePicker: true,
locale: {
format: 'YYYY-MM-DD'
},
}).on("input change", function (e) {
let d = new Date( $('#start_date').val() );
d.setFullYear(d.getFullYear() + 2);
$('#end_date').daterangepicker({
singleDatePicker: true, locale: {format: 'YYYY-MM-DD'}, maxDate: d
});
});
$('#end_date').daterangepicker({
singleDatePicker: true, locale: {format: 'YYYY-MM-DD'},
});有关演示，请参阅此JS Bin。
顺便说一句:您可能有理由选择不同的方法，但如果不使用两个独立的输入并定义maxSpan选项，就会容易得多。这样的话，你根本不需要处理事件，库会为你做这些工作。
Stack Overflow用户
发布于 2019-12-30 18:54:26
你也可以使用Datepicker的'OnSelect‘事件来做同样的事情。
$("#From_Date").datepicker({
dateFormat: 'dd/mm/yy',
onSelect: function(dateStr) {
var d = $.datepicker.parseDate('dd/mm/yy', dateStr);
var years = parseInt(2);
d.setFullYear(d.getFullYear() + years);
$('#To_Date').datepicker('setDate', d);
}
});
$("#To_Date").datepicker({
dateFormat: 'dd/mm/yy'
});这是它的html。
<input id="From_Date" />
<input id="To_Date" />页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/59528333
复制相关文章
相似问题
腾讯云开发者
