Jquery 如何在日期选择器中设置3个月的日期范围?
我在这里有起止日期。我想将maxDate设置为3个月,具体取决于起始日期选择。如果用户选择从2014年1月1日开始,则截止日期应为基于起始日期的未来3个月,如2014年4月1日Jquery 如何在日期选择器中设置3个月的日期范围?,jquery,validation,date,datepicker,Jquery,Validation,Date,Datepicker,我在这里有起止日期。我想将maxDate设置为3个月,具体取决于起始日期选择。如果用户选择从2014年1月1日开始,则截止日期应为基于起始日期的未来3个月,如2014年4月1日 $(function () { $("#from").datepicker({ minDate: "dateToday", changeMonth: true, dateFormat: 'dd-mm-yy', onClose: function (
$(function () {
$("#from").datepicker({
minDate: "dateToday",
changeMonth: true,
dateFormat: 'dd-mm-yy',
onClose: function (selectedDate) {
$("#to").datepicker("option", "minDate", selectedDate);
}
});
$("#to").datepicker({
minDate: "dateToday",
changeMonth: true,
dateFormat: 'dd-mm-yy',
maxDate: selectedDate + "+3M", //I want to set condition like this
onClose: function (selectedDate) {
$("#from").datepicker("option", "maxDate", selectedDate);
}
});
});
给我一些建议来解决我的问题
$(function() {
$( "#datepicker" ).datepicker({
numberOfMonths: 3,
showButtonPanel: true
});
});
这是你的电话号码
这是你的简历。。。。干杯
享受+1Puliyankudi@Chelladurai谢谢+1@Chelladurai,你能把你的护照给我吗demo@CJRamki抱歉耽搁了,伙计。如果问题与此插件无关,请不要在问题上加上标签。@sparky感谢您的建议它在第一次单击时就起作用了。。。但若我在同一页的其他地方点击,然后再次点击,它就不起作用了。。。请参见此处,首先从文本框中单击。不要选择日期。单击同一页的空白处。然后再次从文本框中单击。datepicker不显示Hai,如何仅基于“起始日期-日期-更改-单个月”更改“截止日期-月份”选择。如果我单击3月5日的“自日期”表示,我将在“至日期”中选择“仅更新3月31日”!!正是我需要的!!
$("#startDate").datepicker({
minDate: 0,
onSelect: function(selected) {
var date = new Date(selected);
date.setMonth(date.getMonth()+3);
$("#endDate").datepicker("option","maxDate", date);
}
});
$(function () {
$("#from").datepicker({
minDate: "dateToday",
changeMonth: true,
dateFormat: 'dd-mm-yy',
onClose: function (selectedDate, instance) {
if (selectedDate != '') { //added this to fix the issue
$("#to").datepicker("option", "minDate", selectedDate);
var date = $.datepicker.parseDate(instance.settings.dateFormat, selectedDate, instance.settings);
date.setMonth(date.getMonth() + 3);
console.log(selectedDate, date);
$("#to").datepicker("option", "minDate", selectedDate);
$("#to").datepicker("option", "maxDate", date);
}
}
});
$("#to").datepicker({
minDate: "dateToday",
changeMonth: true,
dateFormat: 'dd-mm-yy',
onClose: function (selectedDate) {
$("#from").datepicker("option", "maxDate", selectedDate);
}
});
});