Bootprap datepicker: disable past date after first set
How do I turn off past dates after the first date is selected?
I already tried this solution but it didn't work: It doesn't work
My code: jsfiddle
var nowTemp = new Date();
var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0);
var checkin = $('.form-control-1').datepicker({
autoclose: true,
minViewMode: 1,
format: 'mm/yyyy'
}).on('changeDate', function (ev) {
if (ev.date.valueOf() > checkout.datepicker("getDate").valueOf() || !checkout.datepicker("getDate").valueOf()) {
var newDate = new Date(ev.date);
newDate.setDate(newDate.getDate() + 1);
checkout.datepicker("update", newDate);
}
$('.form-control-2')[0].focus();
});
var checkout = $('.form-control-2').datepicker({
beforeShowDay: function (date) {
if (!checkin.datepicker("getDate").valueOf()) {
return date.valueOf() >= new Date().valueOf();
} else {
return date.valueOf() > checkin.datepicker("getDate").valueOf();
}
},
autoclose: true,
minViewMode: 1,
format: 'mm/yyyy'
}).on('changeDate', function (ev) {});
+3
source to share
1 answer
After trying and trying, I finally got a solution for this, so I am sharing here in case anyone needs this too:
$( ".line" ).each(function(index, element) {
var startDate = new Date();
var fechaFin = new Date();
var FromEndDate = new Date();
var ToEndDate = new Date();
/* Find 'From' */
$(this).find(".form-control-1").addClass("from"+index);
/* Find 'To' */
$(this).find(".form-control-2").addClass("to"+index);
$(".from"+index).datepicker({
autoclose: true,
minViewMode: 1,
format: 'mm/yyyy'
}).on('changeDate', function(selected){
startDate = new Date(selected.date.valueOf());
startDate.setDate(startDate.getDate(new Date(selected.date.valueOf())));
$('.to'+index).datepicker('setStartDate', startDate);
});
$('.to'+index).datepicker({
autoclose: true,
minViewMode: 1,
format: 'mm/yyyy'
}).on('changeDate', function(selected){
FromEndDate = new Date(selected.date.valueOf());
FromEndDate.setDate(FromEndDate.getDate(new Date(selected.date.valueOf())));
$('.from'+index).datepicker('setEndDate', FromEndDate);
});
});
0
source to share