Estoy usando la librería timepicker de Jquery, ya que el campo input="time"
en html no me sirve porque da formato de 24hrs.
El problema que tengo es que el timepicker me da los valores por ejemplo 1:30PM.Asi es lo que yo quiero que se vea de esa manera. Pero como mi campo de la base de datos Mysql es de tipo time al tratar de insertar ese valor me da error.
SQLSTATE[22007]: Invalid datetime format: 1292 Incorrect time value: '12:30 AM' for column 'hora_cita' at row 1
Hay alguna forma para que el usuario vea el formato de 12hra pero que al guardar transforme ese valor a formato de 24horas que usa el campo time?
mi codigo es el siguiente:
$("#timepicker").timepicker({
timeFormat: 'hh:mm p',
interval: 15,
dynamic: true,
dropdown: true,
scrollbar: true
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-timepicker/0.5.2/css/bootstrap-timepicker.min.css" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-timepicker/0.5.2/js/bootstrap-timepicker.min.js"></script>
<div class="col-2">
<label for="hora_cita" class="requerido">Hora</label>
<input type="text" class="form-control" name="hora_cita" id="timepicker" placeholder="Hota Cita" required>
</div>