In Bootstrap Date Picker, if you need to auto close a date select popup and auto jump to Date2/ Check Out popup with 7days difference, afterwards auto close the Check Out popup once selected. Use the below function.
/** Auto closing of In/Out POPUP on Select */
var enableInOutDatePicker = function (date1, date2) {
// $( "#start_date" ).datepicker( { startDate:null, format:'dd/mm/yyyy', todayHighlight:true } );
if ( (date1 =="" ) || (date1 == undefined) ) { var date1 = 'start_date'; }
if ( (date2 =="" ) || (date2 == undefined) ) { var date1 = 'end_date'; }
var nowTemp = new Date();
var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0);
//alert(nowTemp);
var checkin = $('#' + date1).datepicker({
beforeShowDay: function (date) {
return date.valueOf() >= now.valueOf();
}
}).on('changeDate', function (ev) {
if (ev.date.valueOf() > checkout.date.valueOf()) {
var newDate = new Date(ev.date);
newDate.setDate(newDate.getDate() + 7);
//alert(newDate);
checkout.setValue(newDate);
//checkout.setDate(newDate);
checkout.update();
}
checkin.hide();
$('#' + date2).focus();
}).data('datepicker');
var checkout = $('#' + date2).datepicker({
beforeShowDay: function (date) {
return date.valueOf() > checkin.date.valueOf();
}
}).on('changeDate', function (ev) {
checkout.hide();
}).data('datepicker');
};
/** Auto closing of In/Out POPUP on Select */
No comments:
Post a Comment
Please post any queries and comments here.