Javascript DateRangePicker-从第一个输入选定值开始的第二个输入的minDate
我使用插件来选择日期 选择器工作正常-但我们需要的行为是MultiCityTripTwo的mindate应该是MultiCityTripOne的选定值 有人能提出解决办法吗 HTML:Javascript DateRangePicker-从第一个输入选定值开始的第二个输入的minDate,javascript,jquery,datepicker,daterangepicker,Javascript,Jquery,Datepicker,Daterangepicker,我使用插件来选择日期 选择器工作正常-但我们需要的行为是MultiCityTripTwo的mindate应该是MultiCityTripOne的选定值 有人能提出解决办法吗 HTML: 下面的示例代码通过在第一个选择器的回调中设置第二个选择器来更改您的选择器。此代码获取第二个选择器的新最小日期: var aMinDate=new DateDate.parsestart 其中start在回调中 var nowDate=新日期; var today=新的DatenowDate.getFullYea
下面的示例代码通过在第一个选择器的回调中设置第二个选择器来更改您的选择器。此代码获取第二个选择器的新最小日期: var aMinDate=new DateDate.parsestart 其中start在回调中 var nowDate=新日期; var today=新的DatenowDate.getFullYear,nowDate.getMonth,nowDate.getDate,0,0,0; var maxLimitDate=newDateNowDate.getFullYear+1,nowDate.getMonth,nowDate.getDate,0,0,0; var minDateForSecondPicker; $'input[name=MulticityTripOne]'。日期范围选择器{ 自动应用:正确, 自动更新输入:false, singleDatePicker:是的, minDate:今天, maxDate:maxLimitDate, 左,, 区域设置:{ 格式:“DD-MMM-YYYY” } },函数开始,结束{ $multiCityTripInputOne.valstart.format'DD-MMM-YYYY'; $'multiCityTripInputOne'。parent.parent.removeClass'has-error'; log$multiCityTripInputOne.val; var aMinDate=new DateDate.parsestart; $'input[name=MulticityTripTwo]'.daterangepicker{ 自动应用:正确, 自动更新输入:false, singleDatePicker:是的, minDate:Aminate, maxDate:maxLimitDate, 左,, 区域设置:{ 格式:“DD-MMM-YYYY” } },函数开始,结束{ $multicitytripInputwo.valstart.format'DD-MMM-YYYY'; $'MulticityTripInputWO'。parent.parent.removeClass'has-error'; }; };
嗨,罗宾。。对不起,迟了答复。有没有可能像我一样在函数开始、结束之外得到这个值??获取$'input[name=MulticityTripOne]'外部选定日期的值。daterangepicker{……};嗨,我看不出有什么办法。中唯一记录的方法是setStartDate和setEndDate,没有明显的方法可以访问另一个选择器的单个属性而不使所有其他属性无效。这就是为什么我在第一个选择器的回调中设置了第二个选择器。嗯
<input class="form-control input-lg" id="multiCityTripInputOne" name="MulticityTripOne" />
<input class="form-control input-lg" id="multiCityTripInputTwo" name="MulticityTripTwo" />
var nowDate = new Date();
var today = new Date(nowDate.getFullYear(), nowDate.getMonth(), nowDate.getDate(), 0, 0, 0, 0);
var maxLimitDate = new Date(nowDate.getFullYear() + 1, nowDate.getMonth(), nowDate.getDate(), 0, 0, 0, 0);
$('input[name="MulticityTripOne"]').daterangepicker({
"autoApply": true,
"autoUpdateInput": false,
"singleDatePicker": true,
"minDate": today,
"maxDate": maxLimitDate,
"opens": "left",
"locale": {
format: 'DD MMM YYYY'
}
}, function (start, end) {
$("#multiCityTripInputOne").val(start.format('DD MMM YYYY'));
$('#multiCityTripInputOne').parent().parent().removeClass('has-error');
console.log($("#multiCityTripInputOne").val());
});
$('input[name="MulticityTripTwo"]').daterangepicker({
"autoApply": true,
"autoUpdateInput": false,
"singleDatePicker": true,
"minDate": today, /* Mindate have to start with MultiCityTripOne val */
"maxDate": maxLimitDate,
"opens": "left",
"locale": {
format: 'DD MMM YYYY'
}
}, function (start, end) {
$("#multiCityTripInputTwo").val(start.format('DD MMM YYYY'));
$('#multiCityTripInputTwo').parent().parent().removeClass('has-error');
});