Foros del Web » Programando para Internet » Jquery »

[SOLUCIONADO] Pasar fecha de bootstrap datepicker con jquery y ajax

Estas en el tema de Pasar fecha de bootstrap datepicker con jquery y ajax en el foro de Jquery en Foros del Web. Estoy bloqueado con este asunto. Copio el código para ver si alguien puede ayudarme. Lo que necesito es que al ingresar datos en 2 inputs ...
  #1 (permalink)  
Antiguo 23/06/2015, 20:08
 
Fecha de Ingreso: junio-2006
Mensajes: 24
Antigüedad: 17 años, 10 meses
Puntos: 0
Pasar fecha de bootstrap datepicker con jquery y ajax

Estoy bloqueado con este asunto. Copio el código para ver si alguien puede ayudarme.
Lo que necesito es que al ingresar datos en 2 inputs y al hacer click en un boton los datos se carguen en la base de datos y se muestren en pantalla.
Utilizo ajax para no recargar la pagina. La funcion se ejecuta pero muestra en pantalla solo uno de los valores pasados, la fecha que cargo en un bootstrap.datepicker no pasa.
Agradezco de antemano la ayuda. Saludos


FUNCION JS QUE ACTUALIZA LA PAGINA CON AJAX

<script>
function recargar3(accion, prm1, prm2, prm3, tag_id){
var variable_post="Mi texto";
$("#" + tag_id).html('<img src=\'/admin/css/loading.gif\'>');
$.post("actualiza.php?accion=" + accion + "&prm1=" + prm1 + "&prm2=" + prm2 + "&prm3=" + prm3, { variable: variable_post }, function(data){
//// IMPRIME LA RESPUESTA DEL SCRIPT PHP
$("#" + tag_id).html(data);
});
}
</script>

--------------------

ACTUALIZA.PHP
// POR AHORA SOLO IMPRIME LAS VARIABLES RECIBIDAS
if($_GET[accion] == 'pautaaddfec'){
echo "Pauta ID: ".$_GET[prm1]." - Fecha: ".$_GET[prm2]." - Importe: ".$_GET[prm3]."<br>";
}

--------------------

HTML QUE MUESTRA LOS CAMPOS A COMPLETAR U EL BOTON QUE LLAMA A AJAX

<div id="target-estado">
<div class="form-group col-lg-12">
<div class="input-group">
<input type="text" name="np_imp" class="form-control" id="np_imp" value="">
<span class="input-group-addon" id="np_imp"><i class="fa fa-usd"></i></span>
</div>
</div>

<div class="form-group col-lg-12">
<div class="input-group date nuevafechapago" data-date="2015-04-20" data-date-format="yyyy-mm-dd" data-link-field="np_fec">
<input type="text" class="form-control" type="text" value="" readonly>
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
</div>
<input type="hidden" id="np_fec" value="" />
</div>

<a class="btn btn-success btn-xs" href="javascript:recargar3('pautaaddfec',<? echo $pauta_id; ?>,$('#np_fec').val(),$('#np_imp').val(),'tag_fech as');" role="button">Agregar Vencimiento</a>
</div>
--------------------

JS QUE INICIALIZA EL DATEPICKER DE BOOTSTRAP

<script src="datetimepicker1_4/js/bootstrap-datepicker.js"></script>
<script src="datetimepicker1_4/locales/bootstrap-datepicker.es.min.js" charset="UTF-8"></script>

<script type="text/javascript">
$('.nuevafechapago').datepicker({
format: "yyyy-mm-dd",
todayBtn: "linked",
clearBtn: true,
language: "es",
todayHighlight: true,
autoclose: true
});
</script>
  #2 (permalink)  
Antiguo 24/06/2015, 14:45
 
Fecha de Ingreso: junio-2006
Mensajes: 24
Antigüedad: 17 años, 10 meses
Puntos: 0
Respuesta: Pasar fecha de bootstrap datepicker con jquery y ajax

Si falta algo de información o no se entendió lo que necesito avisenme por favor. Gracias!
  #3 (permalink)  
Antiguo 24/06/2015, 17:16
 
Fecha de Ingreso: junio-2006
Mensajes: 24
Antigüedad: 17 años, 10 meses
Puntos: 0
Respuesta: Pasar fecha de bootstrap datepicker con jquery y ajax

Ya lo resolví.

Lo tenía asi:
<div class="input-group date nuevafechapago" data-date="2015-04-20" data-date-format="yyyy-mm-dd" data-link-field="np_fec">
<input type="text" class="form-control" type="text" value="" readonly>
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
</div>


y lo puse así:
<div class="input-group">
<input type="text" class="form-control nuevafechapago" id="np_fec" name="np_fec" value="" readonly>
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
</div>

Etiquetas: ajax, bootstrap, datepicker, fecha
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 03:12.