Estoy utilizando el datepicker boostrap y me gustaria saber como setear un maxDate
y minDate
en un input. Por ejemplo tengo el siguiente codigo:
{{-- HTML --}}
<input type="text" class="form-control datetimepicker">
{{-- JS--}}
var maxDate = '2020/12/15';
var minDate= '2020/12/01';
$('.datetimepicker').datetimepicker({
useCurrent: false,
format:'YYYY/MM/DD',
maxDate: maxDate,
minDate: minDate
})
Asi es como se colocaria normalmente el maxDate
y minDate
, pero al hacerlo de forma dinamica creando cada input y seteando en cada elemento sus propias maxDate
y minDate
, nose como podria hacerlo. Una forma en la que se me ocurrio realizarlo seria poniendole id
a cada uno individualmente para poder setear estos valores, pero lo veo ineficiente porque se esta creando de forma dinamica. Si quieren el codigo de como creo ese input, es el siguiente
function AgregarInput(btn)
{
$('#inputs').append('<input type="text" class="form-control datetimepicker"><br>');
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button type="button" id="add" onclick="AgregarInput(this)">Agregar</button>
<br>
<div id="inputs"></div>
Gracias a todos!