¿Cómo evita que bootstrap-datepicker borre el valor existente de la entrada si no se selecciona una fecha?
Tengo un div con la fecha de nacimiento de un usuario rellenada previamente con php:
<div id="datepicker" class="input-group date">
<label for="dob">Date of Birth</label> <input type="text" class="form-control" id="dob" name="dob" value="<?php $date = new DateTime($this->swimmers->dob); echo $date->format('d/m/Y');?>"><span class="input-group-addon"><i class="glyphicon glyphicon-th"></i></span>
</div>
El javascript:
<script>
$('.container .input-group.date').datepicker({
startDate: "01/01/1900",
endDate: "01/01/2100",
format: "dd/mm/yyyy",
autoclose: true,
todayHighlight: true
});
</script>
Bootstrap está configurado y funciona correctamente, sin embargo, cuando la entrada "dob" obtiene y pierde el foco sin hacer una selección de fecha, borra el valor que se rellenó previamente.
Sin embargo, esto no sucede si se ha seleccionado una fecha a través del selector de fecha y luego la entrada obtiene y pierde el foco.
¿Cómo se puede mantener el valor rellenado previamente en el campo si alguien hace clic en él?
Editar: la primera vez que realiza una selección de fecha, borra el valor rellenado previamente pero no inserta la fecha seleccionada hasta que realiza una selección de fecha por segunda vez.
Actualización: ¡Código de trabajo actualizado!