Buen día para todos, por favor me podrían orientar sobre qué sucede en este problema?.
Básicamente lo que estoy intentado hacer es poner una fecha máxima a un DatePicker la cuál será 1 día más a la fecha de hoy; es decir mañana.
El problema es que si estamos en el día 31 de un mes, el máximo será "32". O en meses con sólo 30 días, estará mostrando "31" como día siguiente.
Me gustaría saber si es posible hacer que si es fin de mes lo detecte y me arroje el primer día del mes siguiente.
Es decir: Hoy es 31 de diciembre del 2021, mañana será 01 de enero del 2022. Agradezco mucho su ayuda. :)
function fecha(){
var d = new Date();
var month = d.getMonth()+1;
$('[type="date"]').prop('max', function(){
var currentDate = new Date();
var ol = currentDate.getDate();
days = 1;
var fechs = currentDate.getFullYear() + '-' + (ol<10 ? 0 : '') + month + '-' + (ol<10 ? 0 : '') + (currentDate.getDate() + days);
console.log(fechs);
return fechs;
});
var day = d.getDate();
window.output = d.getFullYear() + '-' +
(month<10 ? 0 : '') + month + '-' +
(day<10 ? 0 : '') + day;
$('[type="date"]').prop('min', function(){
return output;
});
console.log(output);
};
input[type=date] {
margin: 0 auto;
width: 170px;
font-size: 15px;
border-radius: 3px;
background-color: #fff;
border: 2px solid #0faad1;
}
<body onload="fecha();">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" href="//use.fontawesome.com/releases/v5.0.7/css/all.css?n=1">
<label for="Fecha"><span style="color: red;">* </span>
<i class="far fa-calendar-alt"></i> Fecha: <input type="date" id="fecha" value="Seleccione Fecha" name="Fecha" min="new Date();" max="2021-12-31" required data-msg="Ingrese la fecha a reservar.">