Como você evita que o bootstrap-datepicker apague o valor existente da entrada se nenhuma data for selecionada?
Eu tenho um div com a data de nascimento de um usuário pré-preenchida com 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>
O javascript:
<script>
$('.container .input-group.date').datepicker({
startDate: "01/01/1900",
endDate: "01/01/2100",
format: "dd/mm/yyyy",
autoclose: true,
todayHighlight: true
});
</script>
O Bootstrap está configurado e funcionando corretamente, no entanto, quando a entrada "dob" obtém e perde o foco sem fazer uma seleção de data, limpa o valor previamente preenchido.
No entanto, isso não acontece se uma data foi selecionada através do seletor de datas e, em seguida, a entrada fica e perde o foco.
Como o valor pré-preenchido pode ser mantido no campo se alguém clicar nele?
Editar: na primeira vez que você faz uma seleção de data, limpa o valor pré-preenchido, mas não insere a data selecionada até que você faça uma seleção de data pela segunda vez.
Atualização: Código de trabalho atualizado!